Source link
🚀 Welcome back to Day 3 of my Web3 developer journey!
In today’s video, I’m diving deeper into React.js and exploring the project structure, importing components, and setting up the environment. I completed a couple of graded assignments and labs — and scored 100%! 🙌
📌 Here’s what I covered in this video:
– React project structure
– Creating & importing components
– Customizing a project
– Setting up React in VS Code
– Knowledge check on components & where they live
💡 The key takeaway for me today was: **consistency beats intensity**. One day at a time, the progress is real!
👀 Let me know your thoughts in the comments — and if you’re learning React too, I’d love to connect!
📲 Follow my daily progress here:
🔗 X (Twitter): https://x.com/0xrichDaf
🔗 LinkedIn:https://www.linkedin.com/in/0xrichdaf
🔗 GitHub: https://github.com/0xrichDaf
👍 Don’t forget to Like, Subscribe, and turn on notifications so you don’t miss Day 4!
#KeepShowingUp #Web3 #ReactJS #FrontendDeveloper #Web3Journey #LearnReact #Day3 #DeveloperJourney #ConsistencyIsKey #100DaysOfCode #Web3Builder
date : 2025-04-05 21:23:48
views : 39
likes : 4
rating :
Here’s a summary of the transcript:
Day 3 of My Web3 Dev Journey: Building With React!
As a Web3 DeFi tech editor, I’m excited to share my experiences building a React project from scratch. In today’s video, I covered the basics of React project structure, including the default project structure created by npx create-react-app, which includes folders for node modules, source, and public files.
I walked through the importance of the source folder, where you can build your React app, and explored the different files within it, such as app.js, index.js, and index.css. I also touched on the concept of root files like package.json, which allows you to manage dependencies, and package-test.json, which monitors dependency installation.
Today, I was able to create and export React components, learning from the prerequisites and using JavaScript concepts I’ve learned earlier. I demonstrated how to customize the project structure by introducing components, and also used JavaScript to create and render components in the app.js file.
As for the rest of my day, I’ll be setting up my React project in VS Code and working on components, styling, and possibly even deploying my project. Up next, I’ll be exploring more advanced topics in React and Web3 development. Thanks for joining me on this journey, and I’ll see you in the next one!
