DEV Community

Cover image for Day 1 of Coding Journal
Yashraj
Yashraj

Posted on • Edited on

1 1 1

Day 1 of Coding Journal

Rekindling My Coding Journey

I'm embarking on a renewed journey to strengthen my coding skills. My goal is to revisit key concepts and document my daily learning progress. I believe consistent practice is crucial to becoming a proficient software developer.

About Me

  • Bachelor's degree in Computer Science
  • Freelance web developer specializing in building client websites
  • Primary focus on frontend development, with a solid understanding of backend principles

My Approach

Inspired by James Clear's philosophy:

"1% BETTER EVERY DAY"

I'm committed to daily learning, focusing on gradual, consistent improvement rather than trying to master everything at once.

Today's Progress (Day 1)

  1. Developed a landing page using Next.js

    • Transitioned from SCSS to Tailwind CSS for styling.(It's really good. Have you tried Tailwind CSS ?)
    • Integrated data from Sanity CMS
  2. Reviewed the concept of Virtual DOM in React. Adding little theory of Virtual DOM here.

React uses two virtual DOMs to render the user interface. One of them is used to store the current state of the objects and the other to store the previous state of the objects. Whenever the virtual DOM gets updated, react compares the two virtual DOMs and gets to know about which virtual DOM objects were updated. After knowing which objects were updated, react renders only those objects inside the real DOM instead of rendering the complete real DOM. This way, with the use of virtual DOM, react solves the problem of inefficient updating. DOM is just tree like data structure.

Moving forward, I'll continue to share my daily progress and insights gained along this journey.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more