educative.io

The Road to learn React (Robin Wieruch)


Basics in React - Bindings Binding comes in very handy while creating React apps. You'll see how by as you go read this lesson. Basics in React - Split Up Components This lesson explains how to break-down a large component into smaller components. Introduction - Foreword Get a brief look at what we are going to learn in this course! Introduction - Testimonials See what the customers have to say about this course! Introduction - FAQ Got any questions? This section might help you get the answer. 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. 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. Intro to React and some JavaScript Basics - ES6 const and let This lesson explains the difference between var and const and let declarations. Intro to React and some JavaScript Basics - ES6 Arrow Functions An introduction to Arrow Functions and their importance. Intro to React and some JavaScript Basics - ES6 Classes This lesson explains JavaScript classes and how to define them in your application. Intro to React and some JavaScript Basics - Complex JavaScript in JSX Let's see how to render lists and objects in your JSX! 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. 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. Basics in React - ES6 Object Initializer This lesson teaches how to use object initializer and how to initialize methods within them. Basics in React - Unidirectional Data Flow Learn how to manipulate a static state and its component. 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. Basics in React - ES6 Destructuring A brief introduction to destructuring and things we can access through it. 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. Basics in React - Reusable Components This lesson explains how we can implement component hierarchies in React to achieve reusability. 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. Getting Real with an API - Error Handling Let's catch some errors in your application and debug them! 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. Code Organization and Testing - Unit Tests with Enzyme In this lesson, we'll discuss unit testing in React using a testing utility called Enzyme. 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. Advanced React Components - Higher-Order Components In this lesson, you will learn how to implement higher-order components in React. 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. 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 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. Appendix: Bootstrapping your React App - Hot Module Replacement A brief introduction to Hot Module Replacement and its use in React App. Basics in React - Interactions with Forms and Events This lesson will explain how to add search functionality by introducing forms and events in React. Basics in React - Controlled Components A brief introduction to Controlled components and how it is different from uncontrolled components. 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. 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. 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. 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. Code Organization and Testing - Component Interface with PropTypes In this lesson, we introduce a way to make React components type-safe using PropTypes. Advanced React Components - Loading … In this lesson, we'll learn how to add a 'loading' message to our application while results are being fetched. 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 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. Appendix: Bootstrapping your React App - Requirements To get a better understanding of this course, we are listing down some pre-requisites for you. 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. 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. 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 Getting Real with an API - Lifecycle Methods This lesson briefly introduces the lifecycle methods that can be overridden in a React ES6 class component Getting Real with an API - Conditional Rendering This lesson will teach you how to add Conditional Rendering in your application by using ternary operator. 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. 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. Advanced React Components - Advanced Sorting In this lesson, you'll learn an advanced data sorting technique to sort our app's table by column 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. Appendix: Bootstrapping your React App - Zero-Configuration Setup This section will show you how to set up your application using create-react-app. 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! 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. 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. Getting Real with an API - Paginated Fetch Let's extend the composable API constants so it can deal with paginated data! Getting Real with an API - Client Cache This lesson will teach you how to optimize your search functionality by using the client-side cache. Code Organization and Testing - Debugging with React Developer Tools In this lesson, we'll learn how to debug React code with React Developer Tools Advanced React Components - Ref a DOM Element In this lesson, we'll learn how to interact with DOM nodes in React. 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. 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. 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. 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.
About the The Road to learn React (Robin Wieruch) category [The Road to learn React (Robin Wieruch)] (1)