Added code snippet for react-redux connected components

[matthewnitschke-wk]

Motivation

Added a orStlessConnect snippet to generate the following:

import 'package:over_react/over_react.dart';
import 'package:over_react/over_react_redux.dart';

part 'FileName.over_react.g.dart';

UiFactory<MyComponentProps> MyComponent = connect<SomeReduxStoreState, MyComponentProps>(
  mapStateToProps: (state) => (MyComponent()),
  mapDispatchToProps: (dispatch) => (MyComponent()),
)(_$MyComponent); // ignore: undefined_identifier

mixin MyComponentProps on UiProps {}

class MyComponentComponent extends UiComponent2<MyComponentProps> {
  @override
  get defaultProps => (newProps());

  @override
  render() { }
}

Changes

Added above snippet for vscode and intelij

I do not have or use webstorm and the intelij snippet was manually created. This should probably be tested on an actual intelij product before merge

Release Notes

Add react-redux connected component snippets for both vscode and intlij

Review

See CONTRIBUTING.md for more details on review types (+1 / QA +1 / +10) and code review process.

Please review:

QA Checklist

• Tests were updated and provide good coverage of the changeset and other affected code
• Manual testing was performed if needed
  • Steps from PR author:
  • Anything falling under manual testing criteria outlined in CONTRIBUTING.md

Merge Checklist

While we perform many automated checks before auto-merging, some manual checks are needed:

• A Client Platform member has reviewed these changes
• There are no unaddressed comments - this check can be automated if reviewers use the "Request Changes" feature
• For release PRs - Version metadata in Rosie comment is correct

[aviary-wf]

Security Insights

No security relevant content was detected by automated scans.

Action Items

• Review PR for security impact; comment "security review required" if needed or unsure
• Verify aviary.yaml coverage of security relevant code

---

Questions or Comments? Reach out on Slack: #support-infosec.

[aaronlademann-wf]

Thanks for your contribution @matthewnitschke-wk!

Couple of minor things:

1. In the other snippets we omit the type on the left side of the defaultProps getter since it isn't necessary for the Dart type system to infer its type from super (Map).
2. The return type of render is actually dynamic (render can return String, num, bool, FragmentElement, or ReactElement) - but it should be omitted altogether for the purpose of the snippet since that's how it is in all the other ones.
3. The indentation of the lines within the component class should be 2 space indents, not 4 space continuations.
4. The default value for the $MyState$ variable should not be the same as the component name, IMO... maybe something like "SomeReduxStoreState"?

[aaronlademann-wf]

+1

+10 for the WebStorm snippet

@kealjones-wk can you take the VsCode one for a spin when you have a chance?

[aaronlademann-wf]

LGTM

[greglittlefield-wf]

+10

[greglittlefield-wf]

@Workiva/release-management-pp

Thanks for the contribution, @matthewnitschke-wk! ❤️

[rmconsole-wf]

+1 from RM