Embed Size (px)
Citation preview
DesignOpsCWDS
place image here
DesignOps Sprint ReviewSprint 10.1 Oct 18 - Nov 01
Research
● Community Care Licensing (CCL)
Design
● RFA05A Certificate Generation● RFA Person Profile
Design System
● Component Library Updates
Sprint Activity
DesignOps Sprint Review 2
Research
place image hereConducted a short field study to learn more about Licensing and look for common needs with other services.
● Vis ited CCL offices in San J ose and Sacramento● Observed demons trations of the FAS and LIS sys tems● Interviewed Licens ing Program Analys ts and Managers● Explored inspection and complaint proces ses ● Observed on-s ite LPA interactions with s ervice agencies
and facilities
DesignOps Sprint Review
Community Care Licensing (CCL)
4
Design
place image here
● Review RFA05A Certificate with Business SMEs
● Updated Approval Screen with Conditions
● Design RFA05A Screen w/ SMEs
● Reviewed w/Core Counties
● Captured requests for additional future functionality
6DesignOps Sprint Review
RFA05ACertificate
place image here
RFA Person Profile● Reviewed the Person Profile as specified for
other digital Services● Discussed the needs and phases for the RFA
audience ● Incorporated feedback from the core county
constitutes● Completed the MVP design for the RFA view of
the person profile● Also completed a first draft of the full -featured
RFA person profile
DesignOps Sprint Review
Design System
place image here
What’s Next? (from last time)
● Automation (release, CI)● Docs● Issues
🎉🎉🎉🎉🎉🎉Technica l Resources in DO🎉🎉🎉🎉🎉🎉
$ diff sprint todo’s
Releasing (tnx lerna)+ conventional commits~ CIDocs
+ PropTablesIssues
+ @cwds/core (JS)+ 2 new packages+ Encapsulation vs Cascade+ More Help + Triage+ Icons
Library Status Tracking
Changelog
---------
v0.3.7
$ lerna ls -la
@cwds/components v0.3.7
@cwds/core v0.3.7
@cwds/icons v0.3.7
@cwds/reactstrap v0.3.7
rails_app v0.3.7 (PRIVATE)
www v0.3.7 (PRIVATE)
place image here
⭐ Great Sprint! ⭐
*: 2 days ago
26 30 PRs6 7 Releases
3972 inse rtions(+)*,6324 de le tions(-)
Extracting @cwds/reactstrap
1. Rem ove recom pose for m ore re liab le Docgen parsing
2. Rem ove all of our RS HOCs3. Use a globalCssModule for RS4. Im prove BS4 vs _custom sass5. 🤔🤔 What’s le ft? 🤔🤔6. Re-export with side -e ffects
“Do More with Less!”
“config, skin, aggregate… build if you must”
Style Encapsulation vs The Cascade
Style Encapsulation vs The Cascade (cont’d)
recall from last time…
But the p rob lem is systemic !
Style Encapsulation vs The Cascade (cont’d)
What do we want?
● Utility (doneness) of BS4 + Sass ● Encapsu la tion (m odules)● Com posable React● Functiona l CSS● Easy In tegra tion with our stack
How we did it
1. Hoist BS4 sass m odule overrides to @cwds/core
2. RS Module + Global styles3. Extending the DS:
a . Coreb . Reactstrapc. Com ponentsd . New Package
JavaScript all the things?
Core DS variables in JS
Responsive Off -Canvas Navigation
Device -AwareInput Controls
SASS + JavaScriptinterface to 3rd party libs
node-sassimporter
Docgen Macro, PropTables & Doc Coverage
Releasing, Conventional Commits, SemVer… CI/CD
[quick] Demo
Good BalanceExplore
ExploitMaintain
place image here
What’s Next?
● Extract @cwds/datagrid● Extract @cwds/layouts● Improve Doc coverage
○ Design System○ Com ponents
● Automation● Internal Customers● Fancy Checkboxes/Radios● Update libs (react-select, …)
Questions?
