Releases: Workiva/react-dart
6.0.0
Info
Build: https://ci.webfilings.com/build/2636056
Skynet Results: https://wf-skynet-hrd.appspot.com/apps/test/smithy/2636056/latest
Pipeline: https://w-rmconsole.appspot.com/release/pipeline/4527944228405248/
This major release includes the following changes:
Miscellaneous
-
#285 RM-93030 Release react-dart 6.0.0
- RM-93030 RELEASE react-dart 6.0.0
-
#295 Add credit to original authors/maintainers
-
#296 Set up Workiva Build, move build steps since Travis which no longer runs
-
#297 Set up Github actions CI
Notes created on Friday, January 15 07:54 PM UTC
5.7.1
5.7.1
5.5.0
This release of react includes...
New Features
-
🎉 🎉 🎉 Support for function components, memo and hooks!!! 🎉 🎉 🎉
Sooooo much work from so many amazing people made this possible, but to summarize:
- #221 Add support for function components
- #252 Add support for
memo
higher order component - Hooks, hooks, and more hooks!
It works like this...Define the component:
import 'package:react/react.dart' as react; final SomeWidget = react.registerFunctionComponent(_SomeWidget, displayName: 'SomeWidget'); _SomeWidget(Map props) { // You can use hooks in here, too! return react.div({}, [ // Some children... ]); }
Render the component (exact same consumer API as a class-based component):
import 'package:react/react_dom.dart' as react_dom; import 'some_widget.dart'; // Where your component is defined main() { final renderedWidget = SomeWidget({ // put some props here }, [ // put some children here! ]); react_dom.render(renderedWidget, querySelector('#idOfSomeNodeInTheDom')); }
Check out all the function component and hooks examples for more information!
Fixes / Updates