educative.io

Learn React.js, Redux & Immutable.js while building a weather app (Max Stoiber)


1. React basics - React components What are components in React and how can we create them? 1. React basics - React components as ES6 classes Creating react components that have state is easier with ES6 classes 4. State Management - Writing our first Redux parts Let’s take the first steps in using Redux for our weather app 4. State Management - Redux-Thunk: A better way to fetch data Fetching data is Redux apps can be streamlined by using redux-thunk. We are going to use redux-thunk to fetch weather data 5. ImmutableJS - Immutable Redux In this lesson, we will use Immutable.js in our Weather app that’s created using React and Redux 1. React basics - Getting started with React Let’s render a Hello World div using React 1. React basics - Introducing JSX JSX is the markup language that makes it easier to create React components 2. Your first React app - Weather app in React Starting to write our first React.js application, we learn how to structure our app and how to fetch data from an API! 2. Your first React app - Fetching data How are we going to fetch data for our weather app using React.js 3. Creating a forecast graph - Getting started with Plotly.js In this lesson, we’ll learn the basics of drawing charts with Plotly.js 3. Creating a forecast graph - Creating a Plot component We’ll use our knowledge of React.js and Plotly.js to create a plot component that will show the weather forecast. 3. Creating a forecast graph - Creating forecast graph in weather app We’ll use our knowledge of React.js and Plotly.js to create a plot component that will show the weather forecast. 5. ImmutableJS - Introduction to ImmutableJS Learn how to enhance your application with immutability to increase the performance and avoid mutation bugs! 1. React basics - Introduction to React.js Learn the basics of React, one of the most popular JavaScript frameworks out there. It’s used by companies large and small including Instagram, Netflix, Airbnb and many more! 6. Testing - Testing your app with Jest Learn how to test your React/Redux app thoroughly, including actions, reducers and components! 4. State Management - Our completed Weather App with Redux Let’s look at Actions, Reducers and other parts of our weather app. 5. ImmutableJS - Utilising ImmutableJS for top performance Let’s roll up our sleeves and apply our learnings from ImmutableJS to our React/Redux weather app. 6. Testing - Testing Actions We’ll test Redux actions in our Weather app that’s built with React and Redux. 6. Testing - Testing Reducers We’ll test Redux reducers in our Weather app that’s built with React and Redux. 6. Testing - Outro Congratulations, if you’ve reached this far. You are now ready to go and build beautiful apps using React and Redux. 5. ImmutableJS - How ImmutableJS works In this lesson, we’ll take a quick look at the internals of ImmutableJS so that we have a better understanding of how can we apply Immutable.js to our Redux app in a performant manner. 6. Testing - Testing Components We’ll test components in our Weather app that’s built with React and Redux. Appendix - License Have questions about Appendix - License? Go for it! 3. Creating a forecast graph - Handling clicks on our forecast graph We’ll learn how to handle clicks on a Plotly.js graph and how to update our weather app in React.js to show the temperature of the day/time where the user has clicked. 4. State Management - React state management: Flux and Redux Learn how to handle application state in a centralized store with Redux, the most popular unidirectional data flow library! 6. Testing - Running our Weather app on your machine We’ll look at how to run our app on your machine so that you can run tests against the app
About the Learn React.js, Redux & Immutable.js while building a weather app (Max Stoiber) category [Learn React.js, Redux & Immutable.js while building a weather app (Max Stoiber)] (1)