govuk-form-builder
react-uswds
| govuk-form-builder | react-uswds | |
|---|---|---|
| 5 | 5 | |
| 70 | 166 | |
| - | 6.6% | |
| 8.7 | 9.5 | |
| 15 days ago | 6 days ago | |
| Ruby | TypeScript | |
| MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
govuk-form-builder
-
Ask HN: What side projects landed you a job?
I build and maintain some libraries that are used by teams working on GOV.UK projects in Rails. Have been inundated with offers since their release, and they've gone on to be used in some fairly high profile things.
https://github.com/x-govuk/govuk-form-builder
-
USWDS: The United States Web Design System
This is my side project, I'm a dev currently contracting at DfE. This library and the form builder[0] make working with the design system easier for Rails devs.
[0] https://govuk-form-builder.netlify.app/
-
Meme, 2 images
If you dig around on GitHub you'll see most government departments have an organisation where they publish stuff. For example, here's the MoJ, DfE, Cabinet Office.
- Can I make a website entirely with Ruby?
-
Why is uncoupled documentation bad?
This is definitely the best approach in my opinion, providing the people writing the docs are capable of contributing directly.
One of my projects[0] builds and deploys a static documentation site[1] on every push to master. The static site generator (Nanoc, in this case) then pulls in the library and uses it to publish its own documentation. All the examples are snippets of code[2] that are both displayed as-is and eval'd into the final output.
The guide can never be out of sync with the library.
[0] https://github.com/dfe-digital/govuk_design_system_formbuild...
[1] https://govuk-form-builder.netlify.app/
[2] https://github.com/DFE-Digital/govuk_design_system_formbuild...
react-uswds
- Been out of the loop with the latest trends for about 2 years. What's worth investing my free time in?
-
USWDS: The United States Web Design System
I somehow stumbled across this over the weekend.
There's a React component library (with a deployed storybook):
* https://github.com/trussworks/react-uswds
* https://trussworks.github.io/react-uswds/?path=/story/compon...
-
The new White House website has a hidden message calling for coders
If you’re and engineer and you’re wanting to just dip your toes in or have something to do between interviews, look for open source government projects to contribute to (e.g. https://github.com/uswds/uswds or https://github.com/trussworks/react-uswds). These can be a great way to see what various organizations are contributing to the civic tech space and to see their development philosophy and style.
What are some alternatives?
Rails Bootstrap Forms - Official repository of the bootstrap_form gem, a Rails form builder that makes it super easy to create beautiful-looking forms using Bootstrap 5.
storybook-design-token - Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
scripts-to-rule-them-all - Set of boilerplate scripts describing the normalized script pattern that GitHub uses in its projects.
uswds - The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
django-sql-dashboard - Django app for building dashboards using raw SQL queries
react - An implementation of GitHub's Primer Design System using React
govuk_design_system_formbuild
React95 - A React components library with Win95 UI
whitehall - Publishes government content on GOV.UK
design-system - Masala Design System (MDS) is an open-source design system built at Innovaccer. This is a simple and customisable component library to build faster, beautiful, and more accessible React applications on the guidelines and principles of Masala Design System.
Docusaurus - Easy to maintain open source documentation websites.
react-three-paper - A paper-thin (~800 bytes) and position-aware wrapper for ThreeJS in React.