Introduction:

Starting out with React.js can feel like setting sail on a vast sea of code, but fear not! With the helping hand Hitesh Choudhary of the "Chai aur Code" YouTube channel, I've begun my voyage into the world of React.js, and I'm here to share my early experiences with you.

Content:

Video 1: React Roadmap: Navigating the Basics

So, the first video was like a roadmap for React. It showed me why React is awesome and when it might not be the best choice. I also get a change to know about some cool tools like React-DOM and Redux that make React even better.

Video 2: Making My First React Project:

In the second video of my React journey with Chai aur Code, I learned how to start making my own React projects. It was like learning to build sandcastles, but with computer code. There were two main ways to do it: one was called "npx create-react-app," and the other was using something called Vite.

When I used "npx create-react-app," it felt like using a special magic spell. With just a few clicks in the computer, it made a whole React project appear, like magic! It was quick and easy, like building a sandcastle with a bucket and shovel at the beach.

Then, there was Vite. Vite was like getting a fancy set of tools to build with. It was quicker than "npx create-react-app," and it also let me be more precise and make my project exactly how I wanted it. It was like using special tools to carve intricate details into my sandcastle.

Both ways were cool and let me start making things with React. Each one had its own special feeling, like two different ways to build a sandcastle.

Video 3: Understanding How React Works:

In the third video, I learned more about how React works. We explored the folder structure of react and how it organizes things and compared two ways of starting React projects: using create-react-app and Vite. We compared the folder structure of both way of creating react app and learned the cleaning process of folders. It seemed like Vite might be a good choice because it made things more efficient. So, we got a better idea of how to set up our React projects and which way might be best to use.

Video 4: Understanding React by Creating Own React Library:

This video was super cool!. We discovered some secret tricks of React that were really cool. We learned how to create our own special React elements using something called React.createElement. It felt like we were wizards, using our words to make magical spells! And guess what? We even got to peek into React's hidden place on GitHub to see how everything comes together. It was like finding a secret treasure map and uncovering the mysteries of React. This video was like a fun adventure.

Video 5: Learning About React Hooks:

In this video, I learned about something super exciting called React Hooks. These are like special tools that make coding in React even easier. They're like little shortcuts that help us manage things like keeping track of information (we call it "state") and handling extra tasks (we call them "side effects") in our functional components. One hook we focused on is called useState, and it's like a magic wand for managing state. By using useState in a simple project, I really got the hang of how hooks work and why they're such a big deal in React nowadays. It's like discovering a secret treasure chest full of powerful tools that make our React projects even better! I'm really excited to keep learning and using hooks in my future projects, and I can't wait to see what other cool things React has in store for us!

In summary, my journey into React.js with Chai aur Code has been really exciting. I've learned a lot about how React works and how to create cool projects with it. But guess what? There's still a ton more to learn! So, if you want to keep up with my adventures and learn cool stuff about React, make sure to subscribe to my newsletter . Let's keep exploring and learning together!