imagesBack

5 Starter Kits to Get Started on React Native

Team Armentum / 25 days ago

images

 

Introduction: What is React Native?

React Native is an open-source project by Facebook Inc. that makes possible to create efficient and effective mobile applications for iOS & Android using JavaScript. When React Native was announced, the first reactions were overwhelmingly positive as developers can build mobile apps using only JavaScript and uses the same design as React allowing them to compose a rich mobile UI from declarative components.

 

React simply takes charge of the view controllers and programmatically generates native views using javascript. This means one can have all the speed and power of a native application, with the ease of development that comes with React.

 

Getting Started on React Native:

Getting started on a new app from scratch takes quite some time, but things are different and easy with React Native. There are many open-source React-Native boilerplate projects and UI starter kits available. The developers have to write merely a few lines of codes and they are good to go with these starter kits. These kits have been crafted for both iOS and Android platforms and are perfect about tooling, patterns and development practices.

 

React-Native Starter Kits:

 

1. Pepperoni:

Pepperoni is a blueprint for building cross-platform mobile experiences rapidly with ready-to-use integrated building blocks for common mobile app features. The Pepperoni blueprint is crafted on a solid foundation using modern architecture and industry’s best practices.

Features:

  • Native mobile app built with React Native by Facebook and Redux
  • Cloud-ready for Heroku, Amazon Web Services, Google Cloud Platform, Microsoft Azure, and others
  • Pre-built app components/boilerplate for common use cases
  • Whatsapp-style user-to-user and group messaging with SendBird
  • Push notifications
  • Cloud-ready backend
  • Deploy instant app updates directly to users with CodePush

 

2. NativeBase:

NativeBase is a free and open source framework that enables developers to build high-quality mobile apps using React Native iOS and Android apps with a fusion of ES6. NativeBase builds a layer on top of React Native that provides us with a basic set of components for mobile application development. This helps developers to build world-class application experiences on native platforms.

Features:

  • High-performance UI
  • Single codebase for iOS & Android
  • Well Documented
  • Open source

 

3. Webpack Starter Kit:

Simple asset pipeline for seed apps built with React Native. Provides static code linting using ESLint and build output in the same console window, and source maps for debugging in the browser. Nonprescription in terms of test frameworks and Flux implementations.

Features:

  • Minimal dependencies
  • Follows the latest React Native stable release
  • Manage assets using Webpack
  • Dynamically generates JS bundles using Webpack Dev Server
  • Provides static code analysis with ESLint
  • Keeps dependencies fresh using Greenkeeper
  • Monitors dependency vulnerabilities with Snyk
  • Aids code consistency using EditorConfig
  • Integrates with web pack-notifier for desktop notifications on OS X
  • Example CI service integration using Travis

 

4. Este:

Este is a development stack for React universal apps. It has a universal architecture where the stack is the same for browsers, mobile and server. Este is perfect even for plain static pages. One can gracefully add any platform later.

Features:

  • Code shared across platforms (browser, server, native mobile)
  • Server-side rendering
  • Universal data fetching (unique approach without react-router)
  • An optional rendering to HTML files (for static hosting)
  • Universal internationalization with runtime language switching
  • Universal forms with universal validation (universal ftw, yeah)

 

5. Snowflake:

Snowflake supports hot reloading of its state. Using Redux and Immutable, the state of the application is testable with Jest.

Features:

  • Supports Hot Reloading of its state
  • Form interactions
  • Navigation
  • The predictable and consistent manner
  • Independent of the UI
  • Server-side processing
  • Reduces the angst

 

One can choose any of these starter kits and jump easily into the mobile app development world. React-Native is seeing an overwhelming response from the community of mobile app developers around the world.

 

Conclusion:

With React-Native, developers do not have to learn platform-specific programming languages anymore. One can make a high-quality application just by knowing JavaScript & the components which come out from the React Box.



Mobile developers can integrate React Native as a part of their application, take advantage of the web-inspired development workflow, and choose to integrate the library on a larger scale if needs are.



React Native is not a cross-platform development framework by any means, the philosophy behind it is “Learn once, write anywhere”. While a developer might end up sharing some code across platforms, but there will always be code he may need to re-implement depending on the platform he is targeting.