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
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 #
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
pub build #
Builds the app for production to the
It correctly bundles React in production mode and optimizes the build for the best performance.
1.0.0 🎉 #
- Got all unit tests working on travis
- Added a test for name that starts with numbers
- Added documentation
- Small code cleanup
- Fixed typos in README
- Remove coverage for now
- Got all unit tests working
- Added coverage badge
- Move all /bin code to /lib
- Create new logger class for stdout and stderr
- More unit test coverage
- Run unit tests in travis.yml
- Added .travis.yml and badges to README
- Updated LICENSE and modified pubspec.yaml
- Added first version of dart_create_react_app
Use this package as an executable
1. Install it
You can install the package from the command line:
$ pub global activate dart_create_react_app
2. Use it
The package has the following executables:
Use this package as a library
1. Depend on it
Add this to your package's pubspec.yaml file:
dependencies: dart_create_react_app: ^1.0.0
2. Install it
You can install packages from the command line:
$ pub get
Alternatively, your editor might support
Check the docs for your editor to learn more.
3. Import it
Now in your Dart code, you can use:
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
The package version is not analyzed, because it does not support Dart 2. Until this is resolved, the package will receive a health and maintenance score of 0.
Analysis issues and suggestions
Support Dart 2 in
The SDK constraint in
pubspec.yaml doesn't allow the Dart 2.0.0 release. For information about upgrading it to be Dart 2 compatible, please see https://dart.dev/dart-2#migration.
Maintenance issues and suggestions
dartdoc successfully runs on your package's source files. (-10 points)
Dependencies were not resolved.
|Dart SDK||>=1.23.0 <2.0.0|