React JS Developer Guide
Learn ReactJS from the ground up and master the skills needed to build dynamic web applications.
- of video
- 8.3 h
- lectures
- 105
- sections
- 15
$99.97one payment
Lifetime access. 15-day money-back guarantee.
Want a mentor as well? The Academy gives you every course on Amigoscode plus code reviews, daily live calls and interview prep, for $129/month. Compare →
What you'll learn
By the end of this course
- Getting Started With React - Learn the basics of React and how to set up your development environment.
- Project Setup - Understand how to initialize a new React project and configure essential tools.
- Working with Components - Dive into the core concept of components and how to create and use them effectively.
- Manipulating Components - Explore techniques for manipulating and managing component state and props.
- Styling - Discover various methods for styling React components, including CSS, CSS-in-JS, and styled-components.
- State - Gain a deep understanding of state management in React and how to use the useState hook.
- Hooks - Learn about React hooks, including useEffect, useContext, and custom hooks, to manage side effects and state.
- Data Fetching - Master techniques for fetching and handling data from APIs within your React applications.
- Routing - Implement client-side routing in your React applications using React Router.
- Forms - Build and manage forms in React, including validation and handling user input.
- Testing - Learn how to test your React components and applications using tools like Jest and React Testing Library.
- Deployment Tools and SSR - Explore deployment strategies and server-side rendering (SSR) with frameworks like Next.js.
- Build TODO App - Apply your knowledge by building a fully functional TODO app as a capstone project.
Curriculum
15 sections, 105 lectures
8.3 h of video. Open any section to see its lectures.
1Todo2 lectures · 1 min
- 1Course Slides
- 2Important Before We Begin
2Getting started5 lectures · 21 min
- 1What Is A Js Library4 min
- 2What Is React3 min
- 3What Is Npm4 min
- 4Installing Nodejs3 min
- 5Going Through Tools6 min
3Project setup5 lectures · 17 min
- 1Project Setup Intro1 min
- 2Installing React With Vite4 min
- 3Going Through The Project10 min
- 4Hello World Exercise1 min
- 5Exercise Solution2 min
4Working with components11 lectures · 46 min
- 1Components1 min
- 2Quiz
- 3Feedback
- 4Your First Component11 min
- 5Props10 min
- 6Children Props5 min
- 7Event Handlers5 min
- 8Fragment6 min
- 9Component Rules4 min
- 10Blog Post Exercise1 min
- 11Blog Post Solution3 min
5Manipulating components8 lectures · 30 min
- 1Manipulating Components Intro1 min
- 2Looping And Rendering8 min
- 3Conditional Rendering6 min
- 4Dynamic Imports5 min
- 5Suspense5 min
- 6Error Boundary5 min
- 7Exercise2 min
- 8Quiz
6Styling9 lectures · 39 min
- 1Intro1 min
- 2Style Props7 min
- 3Global Styles8 min
- 4CSS Modules6 min
- 5Google Fonts7 min
- 6Exercise1 min
- 7Solution4 min
- 8Other CSS Tools4 min
- 9React Styling Quiz
7State7 lectures · 27 min
- 1What Is State1 min
- 2Component With State9 min
- 3Class Component State8 min
- 4Flux Arch5 min
- 5Exercise1 min
- 6Solution2 min
- 7React State Quiz
8Hooks10 lectures · 1 h 6 min
- 1Intro To Hooks1 min
- 2React Hooks Quiz
- 3Usestate8 min
- 4Useeffect14 min
- 5Usereducer13 min
- 6Usecontext11 min
- 7Reducercontext6 min
- 8Customhook7 min
- 9Exercise2 min
- 10Solution5 min
9Data fetching7 lectures · 24 min
- 1Intro2 min
- 2Fetch13 min
- 3Axios2 min
- 4Axios4 min
- 5Exercise1 min
- 6Solution2 min
- 7React Data Fetching Quiz
10Routing9 lectures · 45 min
- 1What Is Routing1 min
- 2React Router1 min
- 3Simple Routing10 min
- 4Navigation11 min
- 5Nested Routes8 min
- 6Route Parameters8 min
- 7Exercise2 min
- 8Solution4 min
- 9Quiz
11Forms8 lectures · 39 min
- 1Intro1 min
- 2Simple Form8 min
- 3Form Submission9 min
- 4Validation10 min
- 5Exercise2 min
- 6Solution4 min
- 7Localstorage5 min
- 8Quiz
12Testing10 lectures · 46 min
- 1Intro2 min
- 2Quiz
- 3What Is Jest4 min
- 4What Is Testing Library2 min
- 5Setup7 min
- 6More Tests7 min
- 7User Events15 min
- 8Snapshot4 min
- 9Exercise2 min
- 10Solution2 min
13Deployment tools and ssr7 lectures · 23 min
- 1Intro1 min
- 2Build For Deployment4 min
- 3Deploy To Netlify2 min
- 4Deploy To Vercel5 min
- 5React Dev Tools5 min
- 6Ssr6 min
- 7Quiz
14Todo app improvements6 lectures · 1 h 11 min
- 1Todo Project Introduction1 min
- 2Code Refactor17 min
- 3Add Edit Functionality20 min
- 4Adding Custom Styles17 min
- 5Adding Custom Styles14 min
- 6Improvements3 min
15Final thoughts1 lecture · 2 min
- 1Continue Learning2 min
Choose how you learn
Learn on your own, or with people who check your work
The course is yours to keep. The Academy is this course and every other one, plus the people who get you hired.
React JS Developer Guide
The course, on your own
$99.97one payment
- 105 lectures, 8.3 h of video
- Source code for everything you build
- Course slides to revise from
- Subtitles on every video
- 6 months of IntelliJ IDEA Ultimate
- Lifetime access to the course and its updates
15-day money-back guarantee
The Academy
The courses, plus the people
$129/monthcancel anytime
This course, plus
- Every course on Amigoscode 50+ in the Zero to Hired Roadmap
- Daily live calls and 1:1 instructor time
- Code reviews and pair programming on what you build
- Interview prep mock interviews, System Design Lab, CV and LinkedIn review
- Land an interview in 90 days or we coach you 1:1 free until you do.
7-day money-back guarantee · Secure checkout on Skool
“Nelson was teaching 90% of my job. I was already implementing everything I learnt from it.”
“I was a totally different person. More confident as a developer, more prepared for my job.”
GabrielaSoftware Engineer at Mercado Livre“I studied biomedicine and psychology. I found Nelson's Java tutorials while looking for a course for my brother. I was hooked and now here I am, a software engineer at IKEA.”
NajmaSoftware Engineer at IKEAAbout this course
Who is this course for?
Level: All (Junior, Mid and Senior Engineers).
How long will it take?
There are about 8 hours of video. Most people finish in 2 weeks at 5 hours a week, plus the time you spend building along.
Do I keep access?
Yes. You pay once and keep the course for life, including updates.
What if it isn't for me?
Email us within 15 days of buying and we'll refund you in full.
Should I buy the course or join the Academy?
Buy the course if you only want this topic and you learn well on your own. Join the Academy if you want to get hired or move up: you get every course on Amigoscode, this one included, plus daily live calls, code reviews and interview prep, for $129/month. The course is $99.97 once.