HomeCoursesLearn React.js, Redux & Immutable.js while building a weather app

Updated 27 Aug

AI-powered learning

Save

Learn React.js, Redux & Immutable.js while building a weather app

Name: Learn React.js, Redux & Immutable.js while building a weather app
Price: 59 USD
Author: Max Stoiber

Gain insights into building a weather app with React, Redux, Immutable.js, and Jest. Learn about their problems and solutions, enhancing your app's performance and testing capabilities.

26 lessons

Created by Max Stoiber

Learn React.js, Redux & Immutable.js while building a weather app

What's included

26 lessons across 7 modules
AI Tutor on every lesson

Join 3.1 million developers at

What You'll Learn

Build a React weather app using JSX, components, props, and local state
Fetch and display OpenWeatherMap data by constructing safe requests with encodeURIComponent
Create interactive forecast graphs in React using Plotly.js and a reusable Plot component
Handle Plotly graph click events to update state and render selected temperature details
Implement Redux actions, reducers, and React bindings to manage global app state predictably
Use redux-thunk to move async data fetching into Redux action creators
Write Jest tests for Redux actions, reducers, and React components (including snapshots)

Learning Roadmap

26 Lessons

1. React basics

Get familiar with React basics, reusable components, and JSX for dynamic web development.

Introduction to React.js

Getting started with React

React components

Introducing JSX

React components as ES6 classes

2. Your first React app

Get started with building a React weather app, managing state, and fetching API data.

Weather app in React

Fetching data

3. Creating a forecast graph

4 Lessons

Work your way through creating dynamic forecast graphs in React using Plotly.js.

4. State Management

4 Lessons

Grasp the fundamentals of state management with Flux, Redux, and Redux-Thunk.

5. ImmutableJS

4 Lessons

Enhance React app performance using ImmutableJS for predictable and efficient state management.

6. Testing

6 Lessons

Follow the process of running, testing, and verifying a React weather app.

Appendix

Approach the MIT License for using, modifying, and distributing software without warranties.

License

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

About this course

WHY I WROTE THIS COURSE

I'm Max Stoiber (@mxstbr) - the creator of react-boilerplate, one of the most popular react starter kits (10K+ stars on github). I'll teach you how to build a real-world application using React, Redux and Immutable.js. We will use interactive playgrounds to create our app from scratch (no setup required). The course can be divided into 4 logical parts: 1. React: Understand what is React and what problem it solves. We'll build our first weather app using just React. 2. Redux: Identify potential issues in our React app and learn how Redux & Redux-Thunk can solve those issues. 3. Immutable.js: Learn Immutable.js and how it can help in making our Redux apps performant. 4. Jest: Lastly, we will learn how to test our React/Redux app using Jest. If you are going to build a production app, chances are that you are going to use all of the above technologies so let's get started. * Understanding of Javascript is required. ** Understanding of ES6 (let/const, arrow functions etc.) would be beneficial.

ABOUT THE AUTHOR

Max Stoiber

Max is the technical cofounder of Spectrum.chat. He makes styled-components, react-boilerplate, KeystoneJS and micro-analytics.

Learn more about Max

Trusted by 3.1 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer