Total Pageviews

Tuesday, 15 September 2026

dart-create-react-app

 Easily create React apps with Dart。

 https://pub.dartlang.org/packages/dart_create_react_app

Pub  Strong Mode Compliant

Create Dart + React apps with no build configuration.

Quick Overview

pub global activate dart_create_react_app
export PATH=$PATH:~/.pub-cache/bin

dart_create_react_app my_app
cd my_app/
pub serve

Then open http://localhost:8080/ to see your app.

When you’re ready to deploy to production, create a minified bundle with pub build.

dart_create_react_app

Get Started Immediately

You don’t need to install or configure any extra tooling. They are preconfigured so that you can focus on the code.

Just create a project, and you’re good to go.

Getting Started

Installation

If you don't already have Dart installed, you can install using Homebrew on macOS.

$ brew tap dart-lang/dart
$ brew install dart --with-content-shell --with-dartium

Then, you can install dart_create_react_app globally.

pub global activate dart_create_react_app
export PATH=$PATH:~/.pub-cache/bin

Creating an App

To create a new app, run:

dart_create_react_app my_app
cd my_app/

It will create a directory called my_app inside the current folder.

Inside that directory, it will generate the initial project structure and install the transitive dependencies:

my_app/
├── lib/
│   └── src/
│   |   └── my_app 
│   |   |    └── app.dart
│   └── my_app.dart
├── tool/
├── test/
│   └── unit/
│   |   └── my_app 
│   |   |    └── my_app_test.dart
├── web/
│   └── main.dart
│   └── index.css
│   └── index.html
│   └── logo.svg
├── .gitignore
├── pubspec.lock
├── pubspec.yaml
└── README.md

No configuration or complicated folder structures, just the files you need to build your app. Once the installation is done, you can run some commands inside the project folder:

pub serve

Runs the app in development mode.

Open http://localhost:8080 to view it in the browser.

pub run dart_dev test

Runs all tests located in the /test folder.

pub build

Builds the app for production to the build folder.

It correctly bundles React in production mode and optimizes the build for the best performance.

from  https://github.com/leerob/dart-create-react-app

No comments:

Post a Comment