An awesome React Setup to jumpstart your projects!
Report Bug
·
Request Feature
Table of Contents
There are many great Project Starter templates available on GitHub, however, I didn't find one that really suit my needs, so I created this enhanced one. This repository uses the Expo Project (using the managed workflow) to easily prototype and even publish apps to both iOS and Android. With Expo for Web being close to the first 1.x release too, this allows me to hit the ground running in new projects.
Here's why:
- Your time should be focused on creating something amazing. A project that solves a problem and helps others
- You shouldn't be doing the same tasks over and over like configuring packages and configs from scratch
- In many cases, combining 2 or 3 packages is easy but once you reach a critical point, it is hard to keep track of which versions play nice with each other
A list of commonly used resources that I find helpful are listed in the acknowledgements.
- Expo
- React Native
- Typescript
- Redux
- Reducks
- React Navigation
- A bunch of my own packages that I keep dog-feeding as they progress and I'll add links later
You do not need anything special to start with this project, npm is enough. If you do want to update to newer Expo versions at a later point, you will need to install the expo cli though.
- npm
npm install npm@latest -g
- expo cli
npm install expo-cli -g
To get started using this repository you simply have to download, clone or fork it, navigate your command line tool to the project root and run npm install to install all requirements.
Once that task is completed, you can run npm start to initialise the Expo Bundler and Web Interface and start hacking.
- Clone the repo
git clone https://github.com/your_username_/Project-Name.git
- Install NPM packages
npm install
- Start the expo bundler and web interface
npm start
The idea of this project is to have a bunch of examples ready to use. This means that in addition to the source folder there will be a demo folder containing examples to work with and test the waters.
For more examples, I can only recommend you to follow me on allbitsequal.medium.com
- Typescript and Linting
- Redux & Reducks
- React Navigation
- Animated Navigation transitions
- ... and many other features!
See the open issues for a list of requested features (and known issues).
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Konrad Abe - @AllBitsEqual
Project Link: https://github.com/AllBitsEqual/expo-ts-starter