User Authentification Flow in React Native with Redux and navigation stacks

Here’s a list of the things I’m using for this tutorial:

  • react / react-native
  • redux / react-redux
  • react-navigation / react-navigation-stacks
  • react-native-elements (because I wanted some quick and easy to use UI elements)

GitHub: Added a Navigation component under routing

src/routing/index.js
src/routing/index.js
src/routing/index.js
App.jsx

GitHub: Passed navigation object to AppLoadingScreen to allow navigation actions

AppLoadingScreen.jsx

GitHub: Added user actions and reducer

GitHub: Connected AppLoadingScreen to the store for navigation

GitHub: Added login action and stored user.name to Login Page

SceneLogin.jsx

GitHub: hooked up the input with useState and added state to dispatch

GitHub: added successful login feedback and login status

GitHub: added navigation with timeout to login and connected GameHome

GitHub: added BottomNavBar for app pages

Important: Add justifyContent: ‘space-between’ to the bottomBar styles, I forgot that in this commit

GitHub: Added TopUserBar for Logout

GitHub: added useEffect for Logout, connected page and mapped dispatch and navigation events

Some words about me:

--

--

--

I’m a Web / App Developer & father 👨‍👩‍👧 doing freelance and part-time agency work since 2003, 💻 building stuff on the side 🕹 and attending conferences 🎟

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How MobX works inside Angular

Laravel Basic | How to install Vue JS in Laravel?

How to Efficiently Manipulate Arrays in JavaScript

How to create an eCommerce app with Angular and Firebase: Part 3

Cloudinary for React

Using Vim With React Native 2020

How to extend the ExpressJS Request object with Typescript.

Functional Programming for JavaScript Developers — Map

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Konrad Abe

Konrad Abe

I’m a Web / App Developer & father 👨‍👩‍👧 doing freelance and part-time agency work since 2003, 💻 building stuff on the side 🕹 and attending conferences 🎟

More from Medium

React Native

Install React Native modules with Expo

[React-Native][Mac][Expo] How to start React Native app

React Native