Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn basics of Redux in React Native in 2 hours!
Rating: 4.3 out of 5(296 ratings)
10,596 students

Learn basics of Redux in React Native in 2 hours!

Learn how to create actions, reducers and build a basic counter app!
Created byStefan Hyltoft
Last updated 11/2019
English
English [Auto],

What you'll learn

  • Build larger apps using Redux
  • Understand the reasoning behind Redux
  • Understand Redux reducers
  • Understand Redux actions
  • Understand how to connect the Redux store to your React components
  • Understand how to use Redux Thunk middleware to make async API calls

Course content

3 sections27 lectures1h 49m total length
  • Introduction1:00

    Kick off the Redux basics in React Native course with an introductory tutorial, as the instructor sets expectations, explains setup and what you’ll learn in the upcoming sessions.

  • Contents1:49

    Explore why Redux exists, what it is, and its basic data flow, then build a multi-reducer counter app with Redux actions and reducers in a step-by-step React Native tutorial.

  • Redux Overview3:58

    Learn how Redux manages state through actions, reducers, and a store, with React components dispatching actions and containers subscribing to store updates, like fetching users and a counter.

  • Getting Starter Project1:20

    Clone the Redux starter project, install dependencies with npm install, and run the app with the appropriate command, choosing iOS via Xcode or Android via react-native run.

  • Intro To Starter Project3:05

    Explore the basics of Redux in a React Native starter project by building a counter with increment, decrement, and clear, and plan to implement a global state and Redux package.

  • Adding Redux Packages1:18

    Install redux and react-redux packages for React Native, using npm or yarn, then set up a provider and a store key to begin redux integration.

  • Connect Redux Provider to App2:38

    Connect the Redux provider to your app by wrapping the main component with the provider from React-Redux, enabling the app to access the Redux store across all components.

  • Create Redux Store3:48

    Create a Redux store by wiring a simple reducer with initial state and action handling, then wrap the app with a provider to connect components to the store.

  • Connecting Store to Component5:20

    Connect the redux store to a react native component using connect and map state to props. Expose redux state as component props and prepare actions with dispatch and a reducer.

  • Actions7:14

    Learn how to create Redux actions, export and import them, connect components, and dispatch increment and decrement actions to manage state in a React Native Redux app.

  • More Action9:48

    Hook up two new actions in Redux: a clear action and a set action with a payload to control the counter, moving state management from the component to Redux.

  • Action Types4:36

    Create and use a centralized types file to declare action type constants for actions and reducers, demonstrating import and use across counter actions like increment, decrement, and clear.

  • Combine Reducers8:39

    Learn to implement multiple reducers in Redux for React Native, create a hello reducer with an initial state, and combine reducers using combineReducers to map state.

  • Multiple Action Files8:12

    Explore creating multiple action files in a Redux and React Native app, add a hello action, and update a reducer to set pressed button to true while preserving other state.

  • Outtro1:58

    Recap redux basics: create actions and reducers, and connect components to the redux store with mapStateToProps using export default connect.

Requirements

  • You should be able to use vanilla React Native at beginner level

Description

Learn how to use Redux in React Native from the ground up - build great apps based on the knowledge you will gain in this course!

  • Learn how to use Redux in React Native
  • Why use Redux at all?
  • When to use Redux
  • Learn how to create Redux Actions, Reducers, Store and start using it in your apps!
  • Learn how to use API's using Redux Thunk

In the course we will first create a basic counter app in React Native to understand and grasp the basic Redux concepts.

After that, we will learn how to use Redux middleware such as Redux Thunk and call a public open API.

Who this course is for:

  • Anyone who wants to learn about Redux in React Native