More Premium Hugo Themes Premium React Themes

React Native Typescript Boilerplate

React Native Typescript starter kit / template (Redux Thunk + React Native Navigation v7)

React Native Typescript Boilerplate

React Native Typescript starter kit / template (Redux Thunk + React Native Navigation v7)

Author Avatar Theme by amitm30
Github Stars Github Stars: 283
Last Commit Last Commit: May 26, 2022 -
First Commit Created: Dec 18, 2023 -
React Native Typescript Boilerplate screenshot

Overview:

The React Native Template - TypeScript is an opinionated starter kit for building iOS and Android apps using React Native and TypeScript. It includes pre-setup tools such as React Native Navigation, Redux, and Airbnb TSLint. The project is based on the React Native Getting Started guide and instructions from Microsoft’s Github TypeScript React Native Starter repository. It supports the latest versions of React and React Native, as well as features like Flipper and Hermes integration. The template also provides a built-in splash screen and code linting using Airbnb’s JavaScript Linting. Overall, this starter kit aims to provide a solid foundation for building robust apps using React Native and TypeScript.

Features:

  • React Native Navigation v7 for native tabbed navigation
  • Side/Drawer menu support
  • State management using Flux Architecture and Redux
  • Redux-Thunk middleware for handling side effects
  • Atomic Design pattern for structuring the app
  • Typography setup with pre-defined elements for buttons, text, and more
  • Type definitions for actions, reducers, store, and components
  • Built-in splash screen
  • Integration with Hermes and Flipper
  • Code linting using Airbnb’s JavaScript Linting

Installation:

  1. Make sure your Node version is >=12.x.x.
  2. Install the template using either Yarn or npm:
yarn install
  1. Start the Metro Bundler:
yarn start
  1. For iOS, navigate to the ios folder and install pods:
cd ios
pod install

Summary:

The React Native Template - TypeScript is an opinionated starter kit for building iOS and Android apps using React Native and TypeScript. It provides a pre-configured setup with tools like React Native Navigation, Redux, and Airbnb TSLint. The template supports the latest versions of React and React Native and includes features like Flipper and Hermes integration. It follows the Atomic Design pattern and offers a built-in splash screen and code linting using Airbnb’s JavaScript Linting. Overall, it aims to accelerate the development process of React Native apps by providing a solid foundation and commonly needed tools.