a0m0rajaba0m0rajab
82

Rnr Base Bare

screenshot of Rnr Base Bare
react
react-native
tailwind

react native starter kit with: nativewind, supabase auth, expo router, and react native reuseables

Github

Overview

The React Native Starter Kit is an innovative framework designed to facilitate the development of mobile applications using Expo and React Native. Leveraging the power of Supabase for database management and authentication, this project offers a streamlined approach to creating versatile and user-friendly interfaces. With integrated screens for user account management and profile editing, it sets the stage for building applications that cater to a wide range of user needs while utilizing modern UI libraries.

Setting up this starter kit is straightforward. By creating an account with Supabase and updating the necessary environment variables, developers can quickly get their project running. The kit includes essential components and routing capabilities to expedite the development process and provide a solid foundation for building feature-rich applications.

Features

  • NativeWind v4: Utilizes the NativeWind library to provide a seamless and responsive styling solution tailored for React Native apps.

  • Dark and Light Mode Support: Easily switch between dark and light themes to enhance user experience depending on their preference or device settings.

  • Android Navigation Bar Matching: Ensures that the navigation bar adapts based on the selected theme, maintaining a consistent look throughout the application.

  • Persistent Mode: Allows users to maintain their session, ensuring a smooth experience even after closing and reopening the app.

  • Common Components: Includes a variety of pre-designed UI components such as ThemeToggle, Avatar, Button, Card, Progress, Text, and Tooltip for rapid development.

  • File-Based Routing: Simplifies navigation by organizing screens and components using a straightforward file structure.

  • Integration with Supabase: Leverages Supabase for database and authentication management, easing backend setup and user management.

This starter kit is an excellent choice for developers looking to rapidly prototype and build mobile applications with modern features and a user-centric approach.

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.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

Expo

An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.

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