React js. From the beginning. w/ Redux and React Router

via Udemy

Go to Course: https://www.udemy.com/course/react-js-from-the-beginning-w-redux-and-react-router/

Introduction

Certainly! Here's a comprehensive review and recommendation for the Coursera React course based on the provided details: --- **Course Review and Recommendation for Coursera React Course** **Overview:** This Coursera course offers an in-depth introduction to React, one of the most popular JavaScript frameworks used by major companies like Facebook, Amazon, Netflix, and Airbnb. Launched in 2017, the course provides a solid foundation in React but is based on the classic class-based component model that predominated before hooks and functional programming paradigms became standard in React development. **Content and Structure:** The course covers essential topics such as environment setup, React fundamentals, component lifecycle, state management, routing, and Redux integration. It also includes practical projects like building a flash card app using AWS services and an Airbnb clone with Redux, which helps in consolidating the learned skills through real-world application. **Strengths:** - **Foundational Knowledge:** The course covers the core concepts of React and Redux, making it ideal for learners who want a thorough grounding in the traditional class-based approach. - **Practical Projects:** The hands-on projects are excellent for applying concepts in real scenarios, which is vital for solidifying understanding. - **Experienced Instructor:** The instructor has extensive professional experience with React, providing practical insights alongside theoretical knowledge. - **Step-by-step Approach:** Starting from ground zero and gradually progressing to advanced topics like webpack and Redux makes it suitable for complete beginners with prior JavaScript, CSS, and HTML knowledge. **Limitations and Considerations:** - **Outdated Paradigms:** Since the course was developed in 2017, it focuses heavily on class components and does not cover the modern React hooks-based functional components predominant today. - **Evolving Ecosystem:** The React ecosystem is constantly evolving, with newer tools like Next.js, Redux Toolkit, and the emphasis on functional programming gaining traction. These are not covered in this course. - **Learning Curve for Modern Practices:** If you are new to React or prefer learning with the latest practices, this course might feel somewhat outdated, especially regarding hooks and modern state management. **Who Should Take This Course:** - **Ideal for Beginners with JavaScript, CSS, and HTML:** If you are comfortable navigating your computer and familiar with ES6, this course provides a strong foundation. - **Those Interested in Classical React Models:** If you prefer a class-based learning approach or plan to maintain legacy React applications, this course aligns well with your needs. - **Learners Willing to Supplement:** For the latest practices, supplement this course with additional resources focusing on React hooks, functional components, Next.js, and Redux Toolkit. **Final Recommendation:** This course remains a valuable resource for understanding the fundamentals of React and Redux from a traditional perspective. It’s especially suitable for learners who prefer a class-based approach and are willing to supplement their knowledge with more recent developments in the React ecosystem. For the most up-to-date React development, consider pairing this course with newer tutorials on hooks, functional components, and modern state management tools. --- **In summary:** > If you're starting out with React and want a thorough understanding of the foundational concepts, this course is a solid choice. Just be mindful that it does not reflect the latest idioms and tools used in current React development. Combining this course with newer resources on hooks and modern state management will give you a comprehensive and up-to-date React skill set. --- Feel free to ask if you'd like more personalized recommendations or additional course resources!

Overview

Important note: This course was made in 2017 when classes were the primary model for React and ES6 was new. Since then, the model has changed substantially to focus on functional programming (hooks). Smaller, but important changes like using next.js, redux-tool-kit, etc. have also gotten traction. I do cover hooks in both React and Redux (react-redux module), but the course is focused around the older model. It still works, it's just "outdated" as current React goes. Please be aware of that if you are new, and if you prefer a class based model, then this might be exactly what you are looking for.This course:Starting with Angular 1 in 2010, JavaScript frameworks exploded onto the scene and are required by virtually every large website on the Internet. React, which appeared a few years later in 2013 has become the dominant tool in that group. What does that mean for you? You can learn to use the same front-end framework used by Facebook, Amazon, Netflix, BBC, Airbnb, and Ebay, to name a few. And you won't just learn how to use it, but you'll learn the fundamentals around it.TL;DR - React is awesome. I've been teaching it professionally for 8 years and love it. Learn it here!What I need from you:I need you to know JavaScript, CSS, and HTML. It's not required to use React, but React makes very heavy use of ES6 (the 2015 update to JavaScript), so the course will use ES6 after the first main section. I will briefly mention how it works as needed, and add a supplemental section that covers those parts.I need you know how to navigate your computer, not be afraid of the terminal, and ask questions as you have them! Why me:I first used React in 2014 for a small company website. I've also used Angular, Vue, and Ember along with most other major UI frameworks and I'm a believer in React. I've taught it professionally for 4 years, and have built sites for some of the largest companies in the United States using React Router and redux alongside. I will teach you one step at a time, whiteboard, and start from ground zero before getting to webpack and eventually Redux. Prepare to start learning the best JavaScript framework!The sections in bold will be finished no later than August 15. I will send out a message when they are complete.Sections:Environment Setup (skip if you have node installed already)React 101State and EventsThe Component Lifecycle and HTTPProject 1 - Flash Card app (AWS services)React RouterReduxRedux Middleware (redux-promise and redux-thunk)AirBnB Clone with ReduxOverview of Auth From a Front-end PerspectiveBuilding/Preparing React for DeploymentHooks - the "2020 way" to do ReactContextSupplemental - ES6 for React

Skills

Reviews