💻 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
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
👏2
The sun is sunning all the time 😤🌝 especially this month she is out with her colleagues 😅
@sambecoding
@sambecoding
😭2
Good morning folks 😀
Monday right ?
Let's start the week with hope anyway!
Have a cool day tho☺️
@sambecoding
Monday right ?
Let's start the week with hope anyway!
Have a cool day tho☺️
@sambecoding
❤1👍1
Good afternoon folks its been a while your bee 🐝 got in trouble with this month's weather ☀️🌡and the semester pace 🤓
Anyway we will keep showing up !
Let's just be positive 😌
@sambecoding
Anyway we will keep showing up !
Let's just be positive 😌
@sambecoding
😁1🤝1
Anonymous Confess, ask campus related questions, and share real stories
Use @gebinet to browse Post's
This is made by 🧑💻@kassdag @thekassdag and u guys should really check this out!
let's build community where we can share our gibi experiences and ideas too
@sambecoding
Use @gebinet to browse Post's
This is made by 🧑💻@kassdag @thekassdag and u guys should really check this out!
let's build community where we can share our gibi experiences and ideas too
@sambecoding
🔥2
Good morning my folks
Let's start the day 🌄
Have a cool day 😎
BTW this pic was taken by me 😩
@sambecoding
Let's start the day 🌄
Have a cool day 😎
BTW this pic was taken by me 😩
@sambecoding
❤3
"Some problems are solvable individually but impossible to solve universally "
I found that from one of my courses in this semester
And It's very true
@sambecoding
I found that from one of my courses in this semester
And It's very true
@sambecoding
❤1
Forwarded from Tech Nerd (Tech Nerd)
1 USD = 155 ETB.
No one here is paying me 155x my effort, so I stopped working with local clients like 1 and half year ago. (same for @Natyiu0). If you trust your skills and have solid projects (not just AI to do lists), go to YC startups, find early stage founders on LinkedIn or X, and DM them. Twitter Premium helps and its worth it.
If you’re good, you can land a $1k internship for 1–2 months. Go all in, and it can turn into a $3k–$4k full-time role. I’ve seen it happen. If you’re not there yet, build. 2–4 hours a day. One strong project every week for 4 weeks. Post on X (views don’t matter), then start DMing.
Keep building, make projects more complex over time. Just make side projects a habit. Rewire your brain.
@selfmadecoder
No one here is paying me 155x my effort, so I stopped working with local clients like 1 and half year ago. (same for @Natyiu0). If you trust your skills and have solid projects (not just AI to do lists), go to YC startups, find early stage founders on LinkedIn or X, and DM them. Twitter Premium helps and its worth it.
If you’re good, you can land a $1k internship for 1–2 months. Go all in, and it can turn into a $3k–$4k full-time role. I’ve seen it happen. If you’re not there yet, build. 2–4 hours a day. One strong project every week for 4 weeks. Post on X (views don’t matter), then start DMing.
Keep building, make projects more complex over time. Just make side projects a habit. Rewire your brain.
@selfmadecoder
Good morning folks happy Saturday I mean Friday 😊
This is one of the Japanese's concept that have very crucial meaning
@sambecoding
This is one of the Japanese's concept that have very crucial meaning
@sambecoding
👍1
Forwarded from Opportunity Hub
Remote Junior Full-Stack Developer
Description:
Build and ship features using Next.js, React, Node.js, and Express. Write clean code, integrate APIs, and use AI tools daily to accelerate development.
Required:
· Strong experience with React, Next.js, Node.js, Express
· Solid JavaScript, HTML, CSS, Git
· Daily use of AI development tools (must be able to validate and modify AI-generated code)
Nice to Have:
MongoDB/PostgreSQL, Docker, CI/CD, testing
Qualifications:
CS degree or equivalent + 2+ years experience
Apply:
Send resume and project links/GitHub to debunked011@gmail.com
"If this isn't for you, please share it with others who might be interested."🙏
Follow us👇for more opportunities
@oportunity_hub
Description:
Build and ship features using Next.js, React, Node.js, and Express. Write clean code, integrate APIs, and use AI tools daily to accelerate development.
Required:
· Strong experience with React, Next.js, Node.js, Express
· Solid JavaScript, HTML, CSS, Git
· Daily use of AI development tools (must be able to validate and modify AI-generated code)
Nice to Have:
MongoDB/PostgreSQL, Docker, CI/CD, testing
Qualifications:
CS degree or equivalent + 2+ years experience
Apply:
Send resume and project links/GitHub to debunked011@gmail.com
Follow us👇for more opportunities
@oportunity_hub
I forgot to say good morning today 🙃
But good afternoon w will be studying ( for the exam to stay on the average gpa lol ) and coding 🙂 this week
Happy Sunday anyway
@SAMBECODING
But good afternoon w will be studying ( for the exam to stay on the average gpa lol ) and coding 🙂 this week
Happy Sunday anyway
@SAMBECODING
❤1👍1