Pax React Native Starter
Next-gen react-native development monorepo starter with best in-class tools tailored for DX
Overview
This project aims to implement a Developer Experience (DX) and a Continuous Integration/Continuous Deployment (CI/CD) workflow using Github Actions and Expo EAS. It includes three builds/apps: Development, Staging, and Preview. Developers can build features using a browser, the UI team can review UI components using Chromatic/Storybook, and the whole team can view updates for each of these three apps along the development process. The technology stack includes TypeScript, React Native, Expo, NextJS, Solito, Tamagui, Storybook, and Jest.
Features
- Sane DX and CI/CD workflow using Github Actions and Expo EAS
- Three builds/apps: Development, Staging, and Preview
- Ability to build features using a browser
- UI component review using Chromatic/Storybook
- Updates for each app visible to the entire team
Summary
This project aims to simplify the development of mobile apps using React Native by providing a seamless DX and CI/CD workflow. By using a combination of Expo, NextJS, Solito, Tamagui, and Storybook, developers can build and test their apps more efficiently. The ability to build features using a browser and review UI components using Chromatic/Storybook adds to the productivity of the UI team. The monorepo structure allows for easy management of the different configurations for web and mobile platforms. Overall, this project aims to improve the development experience and streamline the app building and updating process.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- React Native
React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Expo
An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
- Turborepo
Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.