Skip to content

WIP - Boilerplate for React Native applications, built with Native Base as a component library and MobX as a state manager.

License

Notifications You must be signed in to change notification settings

nathanssantos/react-native-boilerplate

Repository files navigation

React Native TypeScript Boilerplate

WIP - Boilerplate for React Native applications, built with Native Base as a component library and MobX as a state manager.

Setup

1 - Install the project dependencies:

yarn

2 - Install all the necessary extensions for VS Code:

  • Eslint
  • Prettier
  • EditorConfig

Running the project

yarn dev

Building a preview for Android

expo build android -t apk

Dependencies

axios

Github | NPM

Promise based HTTP client for the browser and node.js.

formik

Github | NPM

Formik is the world's most popular open source form library for React and React Native.

mobx

Github | NPM

MobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming (TFRP).

mobx-react

Github | NPM

Package with React component wrapper for combining React with MobX. Exports the observer decorator and other utilities. For documentation, see the MobX project. This package supports both React and React Native.

react

Github | NPM

React is a JavaScript library for building user interfaces.

react-dom

Github | NPM

This package serves as the entry point to the DOM and server renderers for React. It is intended to be paired with the generic React package, which is shipped as react to npm.

yup

Github | NPM

Yup is a schema builder for runtime value parsing and validation. Define a schema, transform a value to match, assert the shape of an existing value, or both. Yup schema are extremely expressive and allow modeling complex, interdependent validations, or value transformation.

Dev Dependencies

eslint

Github | NPM

ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.

eslint-config-prettier

Github | NPM

Turns off all rules that are unnecessary or might conflict with Prettier.

eslint-plugin-prettier

Github | NPM

Runs Prettier as an ESLint rule and reports differences as individual ESLint issues.

eslint-plugin-react

Github | NPM

React specific linting rules for eslint.

prettier

Github | NPM

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

About

WIP - Boilerplate for React Native applications, built with Native Base as a component library and MobX as a state manager.

Topics

Resources

License

Stars

Watchers

Forks