react-native-tweb-kit

A powerful React Native CLI architecture setup toolkit.

react-native-tweb-kit helps you instantly configure a production-ready React Native project with:

• Scalable folder structure
• App architecture
• Redux Toolkit
• MMKV storage
• Navigation setup
• Asset system
• SVG support
• Blueprints
• Utility scripts
• Babel & Metro configuration
• TypeScript support

Features

✅ Full React Native architecture scaffolding

✅ Automatic dependency installation

✅ Copies:

• src/
• assets/
• blueprints/
• scripts/
• App.tsx

✅ Adds reusable build scripts

✅ Adds TypeScript configuration

✅ Adds Babel configuration

✅ Adds Metro configuration

✅ Supports SVG transformation

✅ Uses latest package versions during installation

Requirements

• Node.js >= 20
• React Native CLI project
• npm

Installation

Inside your React Native project:

npm install react-native-tweb-kit

Usage

Run:

npx twebkit-init init

Example Setup

1. Create React Native Project

npx @react-native-community/cli@latest init MyApp

2. Move Into Project

cd MyApp

3. Install Toolkit

npm install react-native-tweb-kit

4. Initialize Architecture

npx twebkit-init init

What Gets Added

Folders

src/
assets/
blueprints/
scripts/

Files

App.tsx
babel.config.js
metro.config.js
tsconfig.json
declarations.d.ts
env.d.ts
.env

Included Tooling

The setup automatically installs:

• Redux Toolkit
• Redux Persist
• React Navigation
• Axios
• Formik
• Yup
• MMKV
• SVG Transformer
• Localization support
• Theme architecture

Available Template Scripts

The following scripts are automatically added to your project:

npm run icons
npm run images
npm run screens <ScreenName>
npm run svgs

Generated Project Structure

MyApp/
├── src/
├── assets/
├── blueprints/
├── scripts/
├── App.tsx
├── babel.config.js
├── metro.config.js
├── tsconfig.json
└── package.json

Notes

This package is intended for:

✅ React Native CLI projects

Not supported:

❌ Expo managed workflow

License

MIT