geekyantsgeekyants
2180

NativeBase KitchenSink

screenshot of NativeBase KitchenSink
react
react-native
styled-components

An example app with all the UI components of NativeBase

Github

Overview

NativeBase KitchenSink v2.12.0 is an example app that showcases all the UI components of NativeBase. It comes in four different forms: a pure React Native app with react-navigation, a pure React Native app with RNRF, an Expo app with CRNA and react-navigation, and a React app with NativeBase for web. In addition, the article mentions another project called BuilderX, a screen design tool that codes React Native for you.

Features

  • NativeBase UI components
  • Four different forms of the app
  • Integration with react-navigation and RNRF
  • Expo compatibility
  • Support for React Native for web

Summary

NativeBase KitchenSink is an example app that showcases all the UI components of NativeBase. It provides a variety of forms for different usage scenarios, including pure React Native apps, Expo app, and React app for web. The theme is easy to install and offers integration with popular navigation libraries. In addition, the article mentions BuilderX, a screen design tool that simplifies React Native development.

react
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

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.

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

eslint
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.