DEV Community

Patrick Okoro
Patrick Okoro

Posted on

#Learning REACTJS And 100 Days of Writing code

πŸš€ Day 1 of My 100 Days of Code β€” Setting Up React & Understanding the Fundamentals

Today was a solid learning day. I delved deeper into React.js, starting with how to properly set up the React development environment. I explored the traditional setup as well as installing React using Vite, which I found incredibly fast. Vite’s lightning-quick dev server and instant hot-reload made the whole experience smoother and more enjoyable.

I also learned how different dependencies work in a React project, and how they help us write React code more efficiently.

Some of the core concepts I covered today include:

βœ… Components

I learned how React uses components as the building blocks of every application. I also practiced nesting multiple components inside a parent component, which helped me understand how React structures UI.

βœ… Class-Based vs Functional Components

I explored both class components and functional components. Even though functional components with hooks are more common today, it was great understanding how class components work behind the scenes.

βœ… Rendering Lists

I learned how to render lists dynamically in React using .map(). This was exciting because I finally got to see how data flows into the UI efficiently.

πŸ”₯ My Coding Journey Continues

I just started a 100 Days of Code challenge, and I'll be dropping updates on what I’m learning and building along the way.

Stay tuned for more updates β€” the journey is only beginning! πŸ’ͺπŸš€

Top comments (0)