dart_create_react_app 0.1.0 dart_create_react_app: ^0.1.0 copied to clipboard
Easily create React apps with Dart!
Dart Create React App #
Create Dart + React apps with no build configuration.
- Getting Started – How to create a new app.
- Todo List Example – How to develop an app bootstrapped with Dart Create React App.
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
.
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.
Your app is ready to be deployed.