Skip to content

ltatarev/react-native-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

35 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

πŸ₯‘ React Native template

Modern React Native JS template featuring most popular libraries.

react-native redux-toolkit react-navigation eslint react-native-bootsplash

πŸš€ Usage

Ensure you have all React Native dependencies installed.

npx react-native init MyApp --template https://github.com/ltatarev/react-native-template.git

Note: Current template works with React Native 0.82.1.

Installation

After cloning or creating your app from this template, run the following commands to set up your environment:

corepack enable
yarn
bundle install

To install iOS pods, use the script provided in package.json:

yarn install-pods

This ensures all dependencies are installed correctly for both JS and native code.

πŸ•΅οΈβ€β™€οΈ Libraries included

πŸ—‚ Module structure

πŸ“¦ module
┣ πŸ“‚ assets
┣ πŸ“‚ components
┣ πŸ“‚ fragments
┣ πŸ“‚ hooks
┣ πŸ“‚ redux
┃ ┣ πŸ“œ actions.js
┃ ┣ πŸ“œ index.js
┃ ┣ πŸ“œ slices.js
┃ ┣ πŸ“œ selectors.js
┃ β”— πŸ“œ reducers.js
┣ πŸ“‚ screens
┣ πŸ“‚ services
┣ πŸ“œ const.js
┣ πŸ“œ index.js
β”— πŸ“œ navigator.js

Each folder has an index.js which exports folder contents that are required by other modules. Named exporting is prefered for components, and namespace export for services.

πŸ—‚ Setting up new project

This template was made because I realized that I am bootstrapping every new React Native project equally, so I decided to put all boilerplate I often use into one place. Common steps I usually took:

  1. Set up eslint rules and babel config
  2. Set up basic project arhitecture
  3. Add react-native-config and .env file
  4. Add splash screen and app icons
  5. Add react-navigation
  6. Set up redux

This template proviedes all of the above steps out of the box.

πŸ“¦ src
┣ πŸ“‚ assets
┣ πŸ“‚ modules
┃ ┣ πŸ“‚ main
┃ ┣ πŸ“‚ ...
┃ β”— πŸ“œ index.js
┣ πŸ“‚ common
┃ ┣ πŸ“‚ services
┃ ┣ πŸ“‚ hooks
┃ β”— πŸ“‚ ...
┣ πŸ“‚ ui
β”— πŸ“œ index.js

βš™οΈ Roadmap

  • Add react-native-unistyles
  • Add react-native-config
  • Add more common UI components

Last updated: 16.11.2025.

About

πŸ’» Modern React Native JS template featuring popular libraries

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks