QuickLaunchReactNativeKit

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #golang #machine-learning #linux #docker #macos #java #awesome #vue #security #open-source

QuickLaunchReactNativeKit

(★ 13)

"QuickLaunchReactNativeKit" is designed to reduce the time of common projects. This kit provides frameworks for login, signup, settings and other common features. Users/Developers can use this kit and quickly include these functionality in their projects. This kit also includes multiple themes.

QuickLaunchReactNativeKit Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# QuickLaunchReactNativeKit

## Overview

Welcome to QuickLaunchReactNativeKit! This kit is designed to expedite the development process of common React Native projects by providing pre-built frameworks for essential functionalities like login, signup, settings, and more. With QuickLaunchReactNativeKit, developers can seamlessly integrate these features into their projects, saving valuable time and effort. Additionally, this kit offers multiple themes to enhance the aesthetic appeal of your app.

Your new QuickLaunchReactNativeKit project comes equipped with a comprehensive set of libraries, already configured and ready for use. Here's what's included:

- **React Native**: The foundation for building cross-platform mobile applications.
- **React Navigation**: A powerful library for handling navigation in React Native apps.
- **Redux Toolkit**: A Redux library that simplifies state management.
- **Redux Persist**: Enables seamless persistence of Redux state.
- **TypeScript**: Provides type safety and improved code quality.
- **AsyncStorage**: Allows for asynchronous, persistent storage in React Native apps.
- **axios**: A versatile HTTP client for making requests to REST servers.
- **In-app update**: Facilitates seamless updates to your app within the application itself.
- **Dark and Light mode support**: Enhances user experience by offering multiple color themes.
- **Multi-language support**: Enables localization and internationalization of your app.
- **SVG icons support**: Easily integrate scalable vector graphics into your app.
- **Prebuilt UI**: Accelerates development with pre-designed user interface components.
- **Social sign-ins**: Simplifies user authentication with Google and Apple sign-ins.
- **Additional prebuilt [components](./QuickLaunchReactNativeKit/docs/template/src/components/Components.md)**: Explore a variety of pre-built components to enhance your app's UI.

And much more!

### Example Screens

Utilize our pre-built screens to jumpstart your app development:

1. **Authentication**: Simplify user sign-in, sign-up, and password recovery processes.

2. **Settings**: Customize user preferences effortlessly for a personalized experience and account management.

3. **Navigation**: Seamlessly organize app content with tab and drawer views.

**[Explore all available screens](./QuickLaunchReactNativeKit/docs/ScreenShots.md)**

With QuickLaunchReactNativeKit, expedite your React Native project and craft exceptional mobile experiences. Happy coding!

## Installation

To get started with QuickLaunchReactNativeKit, follow these steps:

### Prerequisites

- For React Native, make sure you're set up for React Native by following [the official documentation](https://reactnative.dev/docs/environment-setup).
- Ensure you have Node.js LTS release or greater installed.
- Install recent versions of Xcode and Android Studio.
- Recommended: Yarn or npm package manager.
- Recommended: macOS (for iOS development).

### Running the CLI

Get walked through the prompts for the different options to start your new app

```terminal
npx @react-native-community/cli init <ProjectName> --template=quick-launch-react-native-kit
```

### Post-Install Setup

#### Step 1: Theme Configuration

During setup, you have the option to customize your theme or choose from preset themes.

##### Option 1: Custom Theme Configuration

1. You'll be prompted to define custom theme values.
2. Follow the prompts to input hex color values for each theme property.
3. Upon completion, a custom theme file will be generated successfully.

##### Option 2: Preset Theme Configuration

1. Select a theme from the available options. Refer to the **[Theme Section](./QuickLaunchReactNativeKit/docs/template/src/theme/PresetThemes.md)** for details.
2. The chosen theme will be applied to your project.

#### Step 2: Choose Navigation Type

1. Select your preferred navigation type: Tab or Drawer, as per your app's structure. Refer to the **[Navigation Types](./QuickLaunchReactNativeKit/docs/template/src/navigation/Navigation.md)** section for more information.
2. Navigation type will be set accordingly.

### Project Initialization Complete

Your React Native project has been generated with the QuickLaunchReactNativeKit template. You're now ready to start development with your chosen theme and navigation type configurations. Follow the instructions displayed in the terminal to seamlessly run your app on both iOS and Android platforms.

## Documentation

- **[Tech Stack](./QuickLaunchReactNativeKit/docs/template/TechStack.md)** - List of the key libraries, tools, and utilities used in the project's tech stack, along with their respective versions and brief descriptions.

- **[Folder Structure](./QuickLaunchReactNativeKit/docs/template/FolderStructure.md)** - An overview of the project folder structure

- **[Components](./QuickLaunchReactNativeKit/docs/template/src/components/Components.md)** - QuickLaunchReactNativeKit's built-in UI components.

- [Button](./QuickLaunchReactNativeKit/docs/template/src/components/Button.md)
  - [Card](./QuickLaunchReactNativeKit/docs/template/src/components/Card.md)
  - [Header](./QuickLaunchReactNativeKit/docs/template/src/components/Header.md)
  - [Icon](./QuickLaunchReactNativeKit/docs/template/src/components/Icon.md)
  - [MenuItem](./QuickLaunchReactNativeKit/docs/template/src/components/MenuItem.md)
  - [OTPTextField](./QuickLaunchReactNativeKit/docs/template/src/components/OTPTextField.md)
  - [Screen](./QuickLaunchReactNativeKit/docs/template/src/components/Screen.md)
  - [Separator](./QuickLaunchReactNativeKit/docs/template/src/components/Separator.md)
  - [Spinner](./QuickLaunchReactNativeKit/docs/template/src/components/Spinner.md)
  - [Text](./QuickLaunchReactNativeKit/docs/template/src/components/Text.md)
  - [TextField](./QuickLaunchReactNativeKit/docs/template/src/components/TextField.md)
  - [WebViewApp](./QuickLaunchReactNativeKit/docs/template/src/components/WebViewApp.md)

- **[Theme](./QuickLaunchReactNativeKit/docs/template/src/theme/Theme.md)** - How to customize the look and feel of your app

- **[Navigation](./QuickLaunchReactNativeKit/docs/template/src/navigation/Navigation.md)** - How [React Navigation](https://reactnavigation.org/docs/getting-started/) is used to navigate through your screens

- **[Utils](./QuickLaunchReactNativeKit/docs/template/src/utils/Utils.md)** - A range of utility functions and components designed to streamline common tasks.

- **[API](./QuickLaunchReactNativeKit/docs/template/src/api/API.md)** - Handle network calls using [Axios](https://www.npmjs.com/package/axios), enabling efficient data retrieval, manipulation, and transmission for your application.

- **[Assets](./QuickLaunchReactNativeKit/docs/template/src/assets/Assets.md)** - This folder houses fonts, images, and SVG icons used within the project's user interface and design elements.

- **[Screens](./QuickLaunchReactNativeKit/docs/ScreenShots.md)** - Utilize our pre-built screens to jumpstart your app development.

- **[i18n](./QuickLaunchReactNativeKit/docs/template/src/i18n/i18n.md)** - Comprehensive Multilanguage Support Module

- **[Service](./QuickLaunchReactNativeKit/docs/template/src/service/Service.md)** - The Service folder hosts key files for Signin with Apple, Google, biometric authentication, and in-app updates.

- **[Store](./QuickLaunchReactNativeKit/docs/template/src/store/Store.md)** - QuickLaunchReactNativeKit utilizes [Redux-Toolkit](https://redux-toolkit.js.org) and [Redux-Persist](https://www.npmjs.com/package/redux-persist) for state management.

QuickLaunchReactNativeKit

QuickLaunchReactNativeKit Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

QuickLaunchReactNativeKit

QuickLaunchReactNativeKit Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README