
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.
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.
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.
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.
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.
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 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 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.
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.
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.
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.
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.
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.
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.
Recap redux basics: create actions and reducers, and connect components to the redux store with mapStateToProps using export default connect.
Explore an async Redux project in React Native that loads 15 random users in a flat list with names, contact details, and right-aligned photos, preceded by a centered activity indicator.
Explore the randomuser.me api to generate and display random user data in React Native apps, including names, emails, and pictures, with a free open-source results array.
Clone the starter project from the repository using git clone. Install dependencies with yarn or npm, then run the app on iOS or Android.
Explore how a React Native app fetches 15 random users, manages loading state, and transitions from local state to redux props, with components and containers organizing data flow.
Add redux packages to the project, including redux and redux funk, to enable middleware that handles API calls inside redux.
Learn to implement redux actions for API calls in a React Native app by defining fetch, success, and failure action types with constants in a redux folder.
Create redux action types for fetching people and implement async actions with redux-thunk to show loading, fetch data from the API, and dispatch success with payload or failure.
Build a redux reducer for the people state, with initial state, handling fetch, success, and failure actions using payloads, and then set up the redux store and provider.
Learn to create a Redux store and configure provider with middleware, enabling asynchronous actions via Redux Thunk and integrating the store around your React Native app.
Connect a React Native component to the Redux store using connect, mapStateToProps, and the fetchPeople action. Import actions, map state to props, and access the people array.
Learn how to move an api call from a component to Redux by dispatching fetch people from actions, manage Redux store state, and display loading indicators in React Native.
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!
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.