Universal Native Boilerplate
Build apps for every native platform with React and React Native
Overview
The Universal Native Boilerplate is a starter project that allows developers to create apps that work well on multiple platforms, including Android, iOS, macOS, server-side rendering, web, and Windows. The project provides built-in tools and optimizations to make the development process easier and more efficient. It is recommended to have familiarity with React and React Native when using this boilerplate.
Features
- Cross-platform support for Android, iOS, macOS, server-side rendering, web, and Windows.
- Easy progressive web app support with webpack 2 and tree shaking.
- URL support and state persistence.
- Reports on page speed, bundle size, and progressive web app stats with gulp analyze web.
- Built-in platform-specific features for web/server.
- React Navigation for consistent navigation across platforms.
- Custom TabNavigator for a consistent experience by default.
- Deep linking support for Android/iOS.
- URL support for web/server.
- Integration with Redux for state management and logic organization.
- Persistent state across sessions with Redux Persist.
- Internationalization support for translating the app into multiple languages.
Summary
The Universal Native Boilerplate is a powerful starter project that allows developers to create cross-platform apps with ease. It provides a range of features and optimizations that make the development process more efficient. By following the installation guide and utilizing the built-in tools, developers can create high-quality apps for multiple platforms.
- 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.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.
- 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.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.