CookieX React Native Template

Quick start template React Native using CookieX Cli init.

cookiex init --template @cookiex-react/native-template

Getting Started

If you are using windows, just use @cookiex-react/native-cli. For now windows has no effective solution to simulate ios platforms, so any execution inside cookiex start will start android automatically.

cookiex start

But if you are in a Mac OS environment and with the @cookiex-react/native-cli package you must specify the platform.

# to start ios simulator
cookiex start
# or
cookiex start --ios
# or to start android simulator
cookiex start --android

For any other purposes what this command starts is similar to

react-native start
# or
react-native run-android
# or
react-native run-ios

If you want to start on any platform using the scripts in your package.json you can use the template as a default.

yarn android
# or
yarn ios

Basically they are the same scripts present in any project started by react-native-cli.

More Description

The Template is a set of libraries for react-native.

For example:

In package.json you will find @cookiex-react/native-dev-kit

"devDependencies": {
  ...,
  "@cookiex-react/native-dev-kit": "*",
  ...
}

It is basically every development set that react needed to function properly. It includes:

• @babel/core
• @babel/runtime
• @types/react-test-renderer
• babel-jest
• metro-react-native-babel-preset
• react-test-renderer
• typescript

For lint we use @cookiex-react/eslint-config an eslint configuration for react based on @cookiex/eslint-config specifies for projects using typescript.

It will also include @cookiex-react/native-cli. A set of extended @cookiex/cli commands for manipulating react-native files.

Example:

cookiex version [version] # version: new project version

cookiex rename 'new project name'

The template uses @cookiex-react/native-layout a library made for easy and fast creation of flexible visual components.