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 beginningsHere we will create our first component and look at fundamental of React as we go incl. variables, functions, arrays, objects, componentsThe beauty of ReactWe 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, EffectsThe final magicBuilding 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: React Global State Management with useContext HookIonic FrameworkStyled ComponentsIonIconsReact Router and many moreJump start your React Development Career by following this beginner-friendly React Crash Course.
