React And React Native Monorepo
React and React Native monorepo with navigation and redux out-of-box.
Overview:
The React & React Native Monorepo is a boilerplate that provides a convenient setup for developing React and React Native applications. It comes with preconfigured tools and configurations for both web and native platforms. The monorepo structure allows for code sharing between the two platforms, making development more efficient.
Features:
- Create React App: Uses an integrated toolchain for the best user and developer experience on the web.
- @reach/router: A small and simple router for web applications.
- react-app-rewired: Allows for tweaking the Create React App webpack config without using 'eject'.
- react-native: Allows for creating native apps for Android and iOS using React.
- react-native-splash-screen: Provides a splash screen API for react-native that can programmatically hide and show the splash screen on both iOS and Android.
- @react-navigation/native: A navigation framework for react-native.
- @react-navigation/stack: Stack-navigation for @react-navigation/native.
- redux: A predictable state container for JavaScript apps.
- react-redux: Official React bindings for Redux.
- redux-thunk: Async action middleware for Redux.
- eslint and prettier: Help find and fix problems in JavaScript code.
- husky and lint-staged: Beautify code (staged) before every commit.
- Absolute imports for react and react-native: Easy and convenient import statements for React and React Native code.
Summary:
The React & React Native Monorepo provides a convenient and preconfigured setup for developing React and React Native applications. It allows for code sharing between the two platforms, reducing development time and effort. The monorepo comes with all the necessary tools and configurations for both web and native platforms, making it easier for developers to get started with their projects.
- Create React App
Create React App is a popular tool for quickly setting up a new React project without the need for manual configuration or setup. It provides a preconfigured development environment with modern build tools, a live development server, and an easy-to-use command line interface.
- 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.
- Pwa
A Progressive Web App (PWA) is a type of web application that uses modern web technologies to provide a native app-like experience to users, including offline functionality, push notifications, and device hardware access. PWAs can be installed on a user's home screen and launched like a traditional app, but do not require a separate app store listing or download.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.