💻 My React Learning Journey – Current Progress

Lately I’ve been spending time learning React and improving my frontend development skills.

So far in my journey I’ve learned and practiced:
• How React works and why developers use it
• Component-based architecture
• Passing data using props
• Structuring React applications

One thing I’m starting to understand more clearly is that React changes the way we think about building user interfaces.

React mainly focuses on the View layer of the MVC architecture.

MVC stands for Model–View–Controller, a design pattern developers often follow when building applications.

Here are the three parts:

1️ Model
Handles the data logic and interactions with the database.

2️ View
This is where React comes in. The View displays information from the Model and handles the user interface.

React builds the UI using components, which are reusable blocks of code. Each component returns React elements, usually written in JSX.

JSX is a syntax that allows us to write HTML-like code inside JavaScript, which makes UI development easier and more readable,and our components will be saved with .jsx extension if we used jsx react elements inside our components .

3️ Controller
Acts as a bridge between the Model and the View. It controls the data flow and updates the View whenever the data changes.

Another interesting thing I learned is that React works with two main libraries:
• React
• ReactDOM

React is responsible for creating UI components and tracking changes.
ReactDOM is responsible for rendering those components in the browser.

React becomes fast because it uses something called the Virtual DOM, which is a lightweight JavaScript representation of the real DOM.

When data changes:
• React first updates the Virtual DOM
• Then it compares it with the Real DOM
• Finally, it updates only the parts that actually changed

This makes UI updates much faster and more efficient.

Instead of building one large page, React all Us to build small reusable components and connect them together.

Right now my focus is:
• Getting more comfortable with props and component communication
• Practicing by building small projects also i am changing one of my projects into react based ..and i will keep you guys updated.
the goal is to become a stronger at frontend and eventually build real-world applications with React

I’ll keep sharing what I learn along the way ,let me know if you like this so that i will keep posting like this .

Have a cool day!



#React #CodingJourney #LearningInPublic @sambecoding

#Moodify is on the way to be live stay tuned folks can't wait to see your reactions 😄

#react@sambecoding
#buildinpublic
@sambecoding