Sambee 🐝
148 subscribers
295 photos
25 videos
14 files
130 links
Hey there! 🐝 It’s Sambee ..sharing thoughts, coding moments, designs, lessons, struggles, random ideas, and everything in between through this developer journey.Some posts might be relatable, some chaotic, some inspiring Anyway..welcome to my Hive 🀍
Download Telegram
πŸ’» 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
πŸ‘2
Sambee 🐝
https://ma-plans.vercel.app just finish it ..... am ready
This is it ...I was looking for a person like her fr I'mreally excited and happy to have you through this journey sosi 🀍🀝  https://t.me/soset_ge. we are so lock in this summer and we got this can't wait to see our progress ,wins,struggles, achievements too
#LearningInPublic #summerproductivity
πŸ”₯2
This is the plan for the Tailwind for today ..I will drop what i learned and what i build after i finish it:)
#summerProductivePLan #LearningInPublic
πŸ”₯3
Is authentication for desktop application complicated πŸ€”

I need an answer for this since I have been working on desktop application project and have a MVP already and thinkng to add authentication.

But when I did so got the info that it's kinda complicated and might take time ...also different from web authentication πŸ€“.


#LearningInPublic #BeeProjectcs
Sambee 🐝
Photo
🌊 I've been on this streak for 30 days, and today's the last day and the beginning of another round. Another energy.

Here's what round one gave me:

πŸ“š I learned a lot from a lot of different things this round, not just tech. And the point is, I didn't let the momentum I had at the start slide.

πŸ’» I worked on a project that's fully my own idea, born from my own struggles. Through building it, I learned a ton picked up Electron as a completely new addition to my stack, and along the way strengthened my React knowledge too. The project is at MVP status now, thinking about adding authentication next, and I'll drop it soon, hopefully.

βœ… On habits and non-negotiables I wasn't always fully active on all of them, but I still showed up. And by the end of this round, some of them have actually stuck to my routine.

🎯 The thing I'm most proud of: I took a risk I'd been hesitating on, because I kept imagining the worst-case scenario. I did it scared anyway. That's a big win, and I'm planning to do more of it. If it works out, I'll share the whole story it's tech and business related.

πŸ’› And then there's this channel. This has been my hive to grow together with you all. Being honest there was a point I almost quit. One person kept encouraging me to grow this channel and keep the momentum, even when nobody was reacting to my posts and it felt like no one cared. Thank you, fr, for that support.@Mati_12021

Because I kept going, I found people here who really are my folks who care about what I post, support me, share what mattered to them from this hive. You know who you are. Thank you, fr.

if you want 30 day planner that i was using which you can customize in the way you want is here check this out: 30 day planner

So next up: round 2. Another month, another energy, another strategy β€” while keeping the momentum I built.

For everyone who joined the challenge with me: I hope you saw a change in at least one thing, and got something good out of it.

Let's go again.
#LearningInPublic #NightBuzz #BeeWins #SummerProductivePlan
❀5πŸ”₯1