This is beginner-friendly, hands-on React Course is fully up-to-date using the most-efficient concepts React has to offer.
Build your first mobile-first WebApp with Modern React and learn the beauty of React Web Programming!
---
This course is different! Instead of talking about each and every concept of modern React programming. This course guides you in building 1 really useful and funny mobile-first, lighting fast React WebApp called MealPlanner. This course is for the curious ones, the fast-paced learners that are interested in the distilled know-how of how to become a React Developer.
A famous proverb says "Time is of the essence!"
This is why, me as a curious learner and an engineer, I'm always a little more interested in how it works (practical, hands-on... show me what it does) than on how it should work (theoretical teachings).
---
This life lesson, I tried to distill into this course providing you with a beginner-friendly, hands-on experience of learning React by developing our course app called MealPlanner. Note: It's mobile-first and looks stunning on mobile devices!
---
The course curriculum is divided into 3 main sections. As mentioned the whole course is centered around building the Meal Planner Course App:
Humble beginnings
Here we will create our first component and look at fundamental of React as we go incl. variables, functions, arrays, objects, components
The beauty of React
We will look into the more advanced concepts of react and improve our recipe component, making it functional and reactive - incl. Hooks, Global State, Routes, Context, Scroll Indicator, Effects
The final magic
Building up on what we have learnt, we will process all information to design and program the shopping list component that gives an overview of ingredients and amounts.
…including all source files for 6 different stage.
If you get stuck during the course, please consider checking the course project stage files of the state you are in or file your question in the course Q&A section.
This project will be using several libraries, including:
Jump start your React Development Career by following this beginner-friendly React Crash Course.
