Dart pub
Create Dart + React apps with no build configuration.
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.
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.
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
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 serveRuns the app in development mode.
Open http://localhost:8080 to view it in the browser.
pub run dart_dev testRuns all tests located in the /test folder.
pub buildBuilds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
Add this to your package's pubspec.yaml file:
dependencies:
dart_create_react_app: "^1.0.0"
You can install packages from the command line:
with pub:
$ pub get
Alternatively, your editor might support pub get.
Check the docs for your editor to learn more.
Now in your Dart code, you can use:
import 'package:dart_create_react_app/dart_create_react_app.dart';
| Version | Uploaded | Documentation | Archive |
|---|---|---|---|
| 1.0.0 | Nov 25, 2017 | failed |
|
| 0.4.0 | Nov 25, 2017 | failed |
|
| 0.3.2 | Nov 24, 2017 | failed |
|
| 0.3.1 | Nov 24, 2017 | failed |
|
| 0.3.0 | Nov 24, 2017 | failed |
|
| 0.2.0 | Nov 24, 2017 | failed |
|
| 0.1.1 | Nov 24, 2017 | failed |
|
| 0.1.0 | Nov 24, 2017 | failed |
|
We analyzed this package on Apr 23, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:
|
Popularity:
Describes how popular the package is relative to other packages.
[more]
|
0 | / 100 |
|
Health:
Code health derived from static analysis.
[more]
|
58 | / 100 |
|
Maintenance:
Reflects how tidy and up-to-date the package is.
[more]
|
62 | / 100 |
|
Overall score:
Weighted score of the above.
[more]
|
30 |
Detected platforms: unsure
Error(s) prevent platform classification:
Error(s) in lib/template/web/main.dart: Target of URI doesn't exist: 'package:react/react_dom.dart'.
Fix platform conflicts.
Error(s) prevent platform classification:
Error(s) in lib/template/web/main.dart: Target of URI doesn't exist: 'package:react/react_dom.dart'.
Fix analysis and formatting issues.
Analysis or formatting checks reported 35 errors 5 hints.
Make sure that the imported libraries are not in conflict. Error(s) in lib/template/lib/app_name.dart: Target of URI doesn't exist: 'package:app_name/src/app_name/app.dart'.
Make sure that the imported libraries are not in conflict. Error(s) in lib/template/lib/src/app_name/app.dart: Target of URI doesn't exist: 'package:over_react/over_react.dart'.
Similar analysis of the following files failed:
lib/template/test/unit/app_name/app_test.dart(error)lib/template/test/unit/generated_runner_test.dart(error)lib/template/tool/dev.dart(error)lib/template/web/main.dart(error)lib/dart_create_react_app.dart(error)
The description is too short.
Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.
Maintain an example.
Create a short demo in the
example/directory to show how to use this package. Common file name patterns include:main.dart,example.dartor you could also usedart_create_react_app.dart.
| Package | Constraint | Resolved | Available |
|---|---|---|---|
| Direct dependencies | |||
| Dart SDK | >=1.23.0 <2.0.0 | ||
| analyzer | ^0.27.6 | 0.27.6 | 0.31.1 |
| colorize | ^0.1.2 | 0.1.2 | |
| path | ^1.4.0 | 1.5.1 | |
| test | ^0.12.28 | 0.12.35 | |
| Transitive dependencies | |||
| args | 0.13.7 | 1.4.2 | |
| async | 2.0.6 | ||
| barback | 0.15.2+15 | ||
| boolean_selector | 1.0.3 | ||
| charcode | 1.1.1 | ||
| collection | 1.14.9 | ||
| convert | 2.0.1 | ||
| crypto | 2.0.2+1 | ||
| csslib | 0.14.1 | ||
| glob | 1.1.5 | ||
| html | 0.13.3 | ||
| http | 0.11.3+16 | ||
| http_multi_server | 2.0.4 | ||
| http_parser | 3.1.1 | ||
| io | 0.3.2+1 | ||
| isolate | 0.2.3 | 2.0.0 | |
| js | 0.6.1 | ||
| logging | 0.11.3+1 | ||
| matcher | 0.12.2 | ||
| meta | 1.1.2 | ||
| mime | 0.9.6 | ||
| multi_server_socket | 1.0.1 | ||
| node_preamble | 1.4.0 | ||
| package_config | 1.0.3 | ||
| package_resolver | 1.0.2 | ||
| plugin | 0.2.0+2 | ||
| pool | 1.3.4 | ||
| pub_semver | 1.3.7 | ||
| shelf | 0.7.2 | ||
| shelf_packages_handler | 1.0.3 | ||
| shelf_static | 0.2.7 | ||
| shelf_web_socket | 0.2.2 | ||
| source_map_stack_trace | 1.1.4 | ||
| source_maps | 0.10.4 | ||
| source_span | 1.4.0 | ||
| stack_trace | 1.9.2 | ||
| stream_channel | 1.6.5 | ||
| string_scanner | 1.0.2 | ||
| term_glyph | 1.0.0 | ||
| typed_data | 1.1.5 | ||
| utf | 0.9.0+4 | ||
| watcher | 0.9.7+7 | ||
| web_socket_channel | 1.0.7 | ||
| yaml | 2.1.13 | ||