DEV Community

Cover image for How to reduce initial project setup time in react native? ⇒ Meet enoch
Rishikesh Gaikar
Rishikesh Gaikar

Posted on


How to reduce initial project setup time in react native? ⇒ Meet enoch

Let's say you are starting and new react native project. The very first step you will do is create a new project using this command

npx react-native init your-awesome-project-name
Enter fullscreen mode Exit fullscreen mode

and it will create a basic react-native project with a default template.

After this, you will start installing basic libraries such as react-navigation, react-native vector-icons, etc. Some libraries even require manual installation (Need some changes to be done in ios/android folders).

So basically, to start a new project you will have to do the same steps, again and again, you will simply waste 30 min to 45 min setting up the initial project just to start with actual screen designing or writing actual business logic.

What if there is a way to save this time?

What if during creating your project you can get all your favorite library and component stack preconfigured and ready to go?

Here comes enoch to rescue.

What is enoch ?

enoch is a custom template for react-native. Whenever you create a react-native project with a default command it copies the default react-native template.

But when you create a project with enoch it will download the custom template that will have some basic library preinstalled and some basic components.

To create a project with enoch use the below command

npx react-native init your-project-name --template <>
Enter fullscreen mode Exit fullscreen mode

For more info on the library, component, folder structure visit enoch repo.

How to create your own version of enoch?

Simply fork enoch repo and go to the template folder. This folder is basically a simple react-native project which will be used as a template while creating your project. Since this is basically a react native project you can add or remove any library, component, or file.

Top comments (0)

Top Posts from the React Ecosystem

1. Changes In The Official React Documentation

The former React Docs Beta has been officially released as the updated React documentation at after years of hard work and refinement. Check out the brand new React Docs: What’s New in the Updated React Docs

2. CRA's Time is Over

React developer team has removed create-react-app (CRA) from official documentation rendering it no longer the default setup method for new projects. The bulky setup, slow, and outdated nature of CRA led to its removal: create-react-app is officially dead

3. How to Fetch Articles for Your Portfolio

Integrate the articles of your profile into your personal portfolio with either React, Vue, or Next.js by following these simple steps. It outlines how to include frontend to pull the information and correctly utilizes the API: How to Fetch Your Articles for Your Portfolio with React