RM-79371 Release over_react 3.8.0

[aaronlademann-wf]

The latest release of over_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:

  • CPLAT-3873 Function Components #606 Add support for function components
  • CPLAT-9347 Add memo for function components #613 Add support for memo higher order component
  • CPLAT-8665 Expose React Hooks #611 Hooks, hooks, and more hooks!
    • useState
    • useCallback
    • useContext
    • useEffect
    • useLayoutEffect
    • useReducer
    • useRef
    • useMemo
    • useImperativeHandle
    • useDebugValue

  
  It works like this...

  Define the component

  mixin FancyBorderProps on UiProps {
    String color;
  }
  
  UiFactory<FancyBorderProps> FancyBorder = uiFunction(
    (props) {
      // props is typed as a `FancyBorderProps`
      // whatever you return here will be rendered
      return (Dom.div()..className = 'fancy-border border-${props.color}')( 
        props.children,
      );
    }, 
    // this is the `UiFactoryConfig`
    $FancyBorderConfig, // ignore: undefined_identifier
  );

  Render the component (exact same consumer API as a class-based component):

  import 'package:over_react/over_react.dart';
  import 'fancy_border.dart'; // Where your component is defined
  
  main() {
    final renderedWidget = (FancyBorder()..color = /* some color value */)(
      // put some children here!
    );
  
    react_dom.render(renderedWidget, querySelector('#idOfSomeNodeInTheDom'));
  }

Other Changes

• CPLAT-11722 Add uiForwardRef #612 Deprecate forwardRef / add uiForwardRef as its replacement

[greglittlefield-wf]

+1 💁‍♂️⭐

[joebingham-wk]

+1 👏👏👏

[aaronlademann-wf]

+1 to cb1ab3c

[aaronlademann-wf]

@Workiva/release-management-pp

[rmconsole-wf]

+1 from RM