Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

📌 [Roadmap] January 2022 - React / Components / Responsive / Flags / WasmWorkers #105

Closed
21 of 66 tasks
softmarshmallow opened this issue Dec 29, 2021 · 0 comments · Fixed by #106 or #100
Closed
21 of 66 tasks
Assignees
Labels

Comments

@softmarshmallow
Copy link
Member

softmarshmallow commented Dec 29, 2021

January 2022 Update - Powerful Flags, Responsive Web development, Reliable Editor

Working Draft of January Release, targeting Jan 25, tops. This will be the main roadmap in entire Grida subprojects for Dec-Jan

This Release will contain following key features & concepts

  • More powerful design with flags
  • Component / Instance Support
  • Run Realtime React App on Web with Webworkers & Wasm integ.
  • Complete Lints for - Layouting, Naming, Flags annotations.
  • Documentations for Design Guide, Flags Demo
  • Full Example Project

Related

New Features

New Flags

h1 - h6 & p - text element preference flags - #106

min/max/fix width height declaration flags - #106

WIP - #107

Proposal Work in progress

New Lints

  • Suggestion: Use Autolayout
  • Warning: Avoid using Group (Use Frames Instead)

Fixes

  • Alignment Lint should be silenced in autolayout

Improvements

  • Warning: DefaultNameUsage to include suggestion

New Widgets

  • Button for Web, html5 <button> - Support web buttons #108
  • TextField for Web, html5 <input type="text">
  • Checkbox for Web, html5 <input type="checkbox"> reference
  • Form for Web, html5 <form>
  • Anchor (Link) for Web, html4 <a>
    • alternative Link for NextJS
  • Modal for Web
    • React
      • react-modal
      • @mui/base/Modal
      • @radix-ui/react-dialog
    • Vanilla
      • WIP
  • MouseRegion for Universal cursor & mouse event handling

Motions

on Events

  • onClick
  • onHover

Fix of Known Issues

Indeterminate

Below features are not critically related to this milestone, but are highly likely to be implemented if the schedule allow us.

Will not be supported

  • Non tracked, non standard Component instantiation (Custom overrides on Instance)
  • Remote Components from Shared Library
  • Flutter Updates - this Milestone is focused on Responsive Web dev with ReactJS. It will contain minimal Flutter updates.

Editor Updates

Docs & Examples Updates

docs/guides to be added

  • Design Responsive Page with Breakpoints
  • Design Responsive Component with Variants

Examples to be added

  • example design of spa landingpage + repo
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment