GithubHelp home page GithubHelp logo

jeremy-yi / redux-core-react-redux-redux-toolkit-course Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tweneboah/redux-core-react-redux-redux-toolkit-course

0.0 0.0 0.0 740 KB

JavaScript 84.31% CSS 7.63% HTML 8.06%

redux-core-react-redux-redux-toolkit-course's Introduction

Redux core, React Redux, Redux-Toolkit course

ENROL IN THE COURSE

Enrol at $9.9 valid for 5 days

PROJECTS LIVE PREVIEW

Live preview all the projects you will be building

DOWNLOAD ALL THE PDFs GUIDE

Redux is a popular library for managing state in frontend applications. As a front-end or full-stack developer, it is important to be skilled in using Redux. Thanks for everything, Redux!

This course contains everything you need to get started with Redux and Redux Toolkit. It includes all the necessary tools and packages to get you up and running quickly. With this course, you'll be able to learn Redux and Redux Toolkit in no time.

The first few lectures of this course are an introduction to Redux and Redux Toolkit.

The next part of the course is dedicated to the Redux core.

We explain how to use the Redux state and action structures.

Finally, we talk about how to build the Redux application.

After that, we jump into the react-redux library.

Welcome to Redux

Redux is a powerful tool that can help you manage the state of your applications. We'll explain what redux is and how you can use it to improve your applications. We'll also show you how to implement reducers, actions and redux-thunk.

Some of the topics we will cover

In the next section, we will discuss how to use Redux with react

Firstly we explained these terms

  • Actions

  • Action Creators

  • Action Constants

  • Reducers

  • Combine Reducers

  • Dispatch

We will build notes taking app while exploring react-redux

The next topic is Redux middleware

We will explain the term middleware

  • The types of middlewares

  • How to create custom middleware

  • How to use third-party middleware

  • Then we moved on to Asynchronous Redux by explaining these:

  • Redux-Thunk

  • Asynchronous Action Creators

  • Actions with redux-thunk

  • Actions without redux-thunk

  • Under asynchronous redux, we will build posts fetching app while exploring asynchronous redux

Welcome to Redux-Toolkit

Redux Toolkit is a powerful tool that can help you streamline your Redux development process. It provides a simple, cohesive interface for working with Redux, and can help you optimize your codebase for performance and scalability. Thanks for choosing Redux Toolkit!

This course will teach you all the basic concepts of, the Redux-toolkit core library and Redux-Toolkit with React.

You can start taking this course from any device such as a computer, laptop, mobile etc.

The topics covered in this course are:

  • Redux-Toolkit Core

  • Redux Toolkit with React

  • createReducers

  • createSlice

  • createActions

  • createAsyncThunks

  • Error handling

Projects we will be building

  • counter-app using Redux-Toolkit Core

  • Posts Project Redux-Toolkit Core (Synchronous actions)

  • Posts Project Redux-Toolkit Core (Asynchronous actions)

  • Project income-expenses project (MEGA) using Redux-Toolkit with React

What you’ll learn

  • Master the core redux library

  • Build 6 mini projects and one mega project called project expenses and income tracker

  • Master the Redux Toolkit core library

  • Master redux with react

  • Master Redux Toolkit with react

  • Understand ins and out of redux

  • Master Asynchronous redux

  • Understand how redux works

  • Learn to use common APIs from Redux Toolkit

  • Understand createAsyncthunk for asynchronous actions

  • Understand createSlice, extraReducers, createAction, reducers and redux store

ENROL IN THE COURSE

Enrol at $9.9 valid for 5 days

redux-core-react-redux-redux-toolkit-course's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.