educative.io

The Road to React: The one with Class Components (Robin Wieruch)


Introduction - FAQ Got any questions? This section might help you get the answer. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/m220RR1ZNVp). Intro to React and some JavaScript Basics - Hi, my name is React The lesson gives you an introduction to React. You may ask yourself: Why should I learn React in the first place? The lesson might give you the answer to that question. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/B8OO0L8gRkW). Intro to React and some JavaScript Basics - ES6 const and let This lesson explains the difference between var and const and let declarations. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/B89ERoBzg0k). Intro to React and some JavaScript Basics - ES6 Arrow Functions An introduction to Arrow Functions and their importance. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/gxZAOwDB7pZ). Intro to React and some JavaScript Basics - ES6 Classes This lesson explains JavaScript classes and how to define them in your application. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/7AzwNx50kM1). Intro to React and some JavaScript Basics - An Introduction to the create-react-app This lesson gives a brief overview of the create-react-app. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/B8OpZZnmpEQ). Basics in React - Local Component State This section will guide you through the basics of React. It covers state and interactions in components as we move past static components. We will also cover the different ways to declare a component, and how to keep components composable and reusable. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/RLw666l3myV). Basics in React - ES6 Object Initializer This lesson teaches how to use object initializer and how to initialize methods within them. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/xVovQB3Rknq). Basics in React - Unidirectional Data Flow Learn how to manipulate a static state and its component. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/m2yMjpwEBMG). Introduction - Foreword Get a brief look at what we are going to learn in this course! View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/xV1qvj6PKkJ). Introduction - Testimonials See what the customers have to say about this course! View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/qVAr5AzMm6y). Getting Real with an API - Error Handling Let's catch some errors in your application and debug them! View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/RMP41yY1Kx0). Getting Real with an API - Fetching Data You will get to learn how to fetch data from an API using one the lifecycle methods that we discussed in the previous lesson. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/7ADr1jl2Vxj). Basics in React - ES6 Destructuring A brief introduction to destructuring and things we can access through it. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/mE6GwGL507E). Code Organization and Testing - Recap In this lesson, we the chapter focused on keeping code organized, testing, as well as useful tools for debugging a React application. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/YQyq6mBKq4n). Code Organization and Testing - Unit Tests with Enzyme In this lesson, we'll discuss unit testing in React using a testing utility called Enzyme. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/mEk7n0qrWkO). Advanced React Components - Higher-Order Components In this lesson, you will learn how to implement higher-order components in React. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/3jEwl04BL7Q). State Management in React and beyond - Lifting State We have already covered the basics of state management in React in the previous chapters by using React's local state, so this chapter will dig a bit deeper. In this lesson, we'll learn what lifting state in React is and how it is used. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/JYEwVPx4X1v). Final Steps to Production - Deploy your App In this lesson, we'll see how the free hosting service Heroku is used to deploy a React application View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/qA7Z5XDMR9y). Appendix: Bootstrapping your React App - Hot Module Replacement A brief introduction to Hot Module Replacement and its use in React App. Basics in React - Reusable Components This lesson explains how we can implement component hierarchies in React to achieve reusability. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/B8nMkqBWONo). Getting Real with an API - Client- or Server-side Search Extending the search functionality to now search on the server side instead of client side. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/39KWYVrZgXn). Code Organization and Testing - ES6 Modules: Import and Export In this lesson, we cover all the different ways to import and export functionaliities from modules in ES6. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/RMMpq19Vo1q). Code Organization and Testing - Component Interface with PropTypes In this lesson, we introduce a way to make React components type-safe using PropTypes. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/7nO7GQL4xj8). Basics in React - Interactions with Forms and Events This lesson will explain how to add search functionality by introducing forms and events in React. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/gkDLRwx4Qm6). Basics in React - Controlled Components A brief introduction to Controlled components and how it is different from uncontrolled components. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/7npOR61p9nQ). Advanced React Components - Loading … In this lesson, we'll learn how to add a 'loading' message to our application while results are being fetched. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/gxkVE8NEvXj). State Management in React and beyond - Revisited: setState() In this chapter we revisit the React setState() method. We learn that setState() is asynchronous and not only takes objects as arguments but also takes functions. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/JPEE0vKrgRv). Appendix: Bootstrapping your React App - Requirements To get a better understanding of this course, we are listing down some pre-requisites for you. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/xV91vr9pZoP). Appendix: Bootstrapping your React App - Installation This lesson explains how to get started with building a React application. You will also learn about what CDN is how you can add React to your application through CDN. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/7nnxwPxALZj). Basics in React - Recap You have learned the basics on how to write your own React application! This lesson will provide you a recap to what you have learned so far and will also share how your App.js code looks by now. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/NEEDzxZgrY6). Appendix: Bootstrapping your React App - Recap This chapter will dug a deeper at state management in React than using React’s local state. It expanded on the best practices, how to apply them, and why you could consider using a third-party state management library. Getting Real with an API - Axios instead of Fetch In this lesson, you will learn how to shift from Fetch API to other APIs like Axios in your React app. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/B817lN0O97J). Getting Real with an API - Recap Now you've learned to interact with an API in React! This lesson will provide you a recap to what you have learned so far and will also share how your App.js code looks by now. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/N8EmnmX74Xz). State Management in React and beyond - Recap Congratulations, you have learned to bootstrap your first React application! This lesson will provide you a recap to what you have learned so far and will also share how your App.js code looks by now. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/JPWOpzyo6Z9). Appendix: Bootstrapping your React App - Zero-Configuration Setup This section will show you how to set up your application using create-react-app. Getting Real with an API - Lifecycle Methods This lesson briefly introduces the lifecycle methods that can be overridden in a React ES6 class component View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/N87WVwGGj3m). Appendix: Bootstrapping your React App - ReactDOM A brief introduction to ReactDOM and render() method in React application. Appendix: Bootstrapping your React App - Outline Some final words and what you can learn after taking this course! Getting Real with an API - Conditional Rendering This lesson will teach you how to add Conditional Rendering in your application by using ternary operator. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/gxpWJ3ZKYwl). Getting Real with an API - Client Cache This lesson will teach you how to optimize your search functionality by using the client-side cache. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/3j6NnJrpp5p). Advanced React Components - Ref a DOM Element In this lesson, we'll learn how to interact with DOM nodes in React. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/qVMjy1O96Gp). Getting Real with an API - ES6 Spread Operators We will further extend our application here by modifying the onDismiss() method to tackle with the result object. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/gxMYYB1w3Kr). Advanced React Components - Recap This chapter focused on implementing advanced React components. You will learnt how to implement higher-order components, and we dove into more advanced topics in React. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/JEEM1DOV4lK). State Management in React and beyond - Taming the State In this lesson you learn why you would consider using a third-party state management library such as Redux or MobX. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/B88NBkE8mBk). Final Steps to Production - Eject The last chapters will show you how to deploy your application to production. We will uncover more about how to deploy applications in the create-react-app in this lesson. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/NEXvXY7Gl48). Getting Real with an API - Paginated Fetch Let's extend the composable API constants so it can deal with paginated data! View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/RMkqx1Egxqz). Basics in React - Split Up Components This lesson explains how to break-down a large component into smaller components. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/gxQy88PwQEj). Basics in React - Composable Components In this lesson, you will get to learn about composable components. You will also extend the search functionality that we implemented in the previous lessons. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/xV9mMjj74gE). Basics in React - Styling Components In this section, we'll add some basic styling to our application and components using the src/App.css and src/index.css files. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/NE5LpPrWrKv). Introduction - How to do it? This section provides an insight to what you're going to learn in this course and how you will be progressing with each chapter. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/qVLk26yvZy3). Intro to React and some JavaScript Basics - Complex JavaScript in JSX Let's see how to render lists and objects in your JSX! View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/m2yDVZnQ8lG). Basics in React - Event Handler Learn how to define event handlers in a React app. You will also get to learn the importance of using Arrow function inside event handlers. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/3jE1ZQyKYOr). Code Organization and Testing - Code Organization with ES6 Modules In this lesson, we'll discuss the best practices of React specific code organization on a local setup for a large React application i.e., the most efficient way to put components into modules (files) and modules into folders. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/JYQpVMg6MLy). Code Organization and Testing - Snapshot Tests with Jest In the next couple of lessons, we'll cover testing, an important practice to keep source code robust. In this lesson, we'll brush upon the basics of software testing and then learn the basics of testing snapshot testing React components with Jest - Facebook's JavaScript testing library. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/B81vnyp0GpY). Advanced React Components - Advanced Sorting In this lesson, you'll learn an advanced data sorting technique to sort our app's table by column View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/mE6koD0B9Pr). Appendix: Bootstrapping your React App - Introduction to JSX Get to know the basics of JSX and its syntax in React. You will also learn more about the App component and where to use it. Basics in React - Bindings Binding comes in very handy while creating React apps. You'll see how by as you go read this lesson. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/B8nvG4RgVYo). Code Organization and Testing - Debugging with React Developer Tools In this lesson, we'll learn how to debug React code with React Developer Tools View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/7npN3O3nlQ8). Appendix: Bootstrapping your React App - npm and node (Optional) This lesson is a crash course in node and npm. It is not exhaustive, but it will cover all of the necessary tools. If you are familiar with both of them, you can skip this section. View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/YQlK1mDPgpK). Basics in React - Component Declarations In this lesson, we will discuss the three type of class components that we are using in our application i.e. Functional Stateless Components, ES6 Class components, and React.createClass View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/3jyvQ3pg6KO). Advanced React Components - Advanced Sorting: implementing reverse sort In this lesson, you'll continue to implement our advanced data sorting technique. By the end of this lesson, we will be able to sort and reverse sort our app's table by column View the lesson [here](https://www.educative.io/courses/road-to-react-with-class-components/7nXnEkwO7vB).
About the The Road to React: The one with Class Components (Robin Wieruch) category [The Road to React: The one with Class Components (Robin Wieruch)] (1)
Stuck on this Exercise [State Management in React and beyond - Revisited: setState()] (1)