More Premium Hugo Themes Premium React Themes

Re Start

react-native template to target multiple platforms :globe_with_meridians: :iphone: :computer: with single codebase.

Re Start

react-native template to target multiple platforms :globe_with_meridians: :iphone: :computer: with single codebase.

Github Stars Github Stars: 1301
Last Commit Last Commit: Apr 11, 2019 -
First Commit Created: Jun 19, 2023 -
Re Start screenshot

Overview

The re-start project aims to target multiple platforms (Android, iOS, Web, Windows[UWP], and Electron[macOS, Linux, Windows]) with a single codebase using react-native APIs. It aims to follow best practices and cut out the time and effort required to set up a project. The project provides several templates for different use cases, including a basic version, versions with redux and react-router wired out of the box, and a combined version with redux and react-router. The project requires Node.js, npm, and the react-native CLI as prerequisites.

Features

  • Target multiple platforms (Android, iOS, Web, Windows[UWP], and Electron[macOS, Linux, Windows])
  • Single codebase
  • Follow best practices
  • Easy project setup based on create-react-app
  • Support for react-native templates inheritance
  • Several curated templates for different use cases
  • Integration with redux and react-router

Installation

  1. Install Node.js and npm
  2. Install the react-native CLI using npm install -g react-native-cli
  3. Create a new react-native project using react-native-cli and specify re-base as a template
  4. Install any derived templates (e.g., re-dux or re-route) on top of the created project
  5. Install re-route and re-dux templates first in that order
  6. Execute ./finishInstall.js to finish the project configuration
  7. Build apps for different platforms

Summary

The re-start project is a react-native template that aims to target multiple platforms with a single codebase. It provides several curated templates for different use cases and integrates with redux and react-router for easy project setup and development. By following best practices and providing a seamless setup process, re-start helps developers save time and effort in setting up and maintaining cross-platform projects using react-native.