govuk-design-system
view_component
Our great sponsors
govuk-design-system | view_component | |
---|---|---|
3 | 74 | |
453 | 3,148 | |
3.3% | 1.3% | |
9.8 | 9.0 | |
9 days ago | 3 days ago | |
Nunjucks | Ruby | |
MIT License | MIT License |
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-design-system
-
The Design System Ecosystem
The best design system around[0] operates entirely in the open. You can look through the history, discussions, PRs, framework-specific implementations and see why it's geared the way it is - and why it's incredibly successful.
[0] https://github.com/alphagov/govuk-design-system
-
Does anyone kind of miss simpler webpages?
The GitHub you linked isn’t the central design system. The actual one is here https://github.com/alphagov/govuk-design-system
-
Singapore Government Tech Stack
Why reinvent the wheel? A lot of govt websites have very similar use cases. I would e.g. just get The UK Government Design System, which is really good: https://github.com/alphagov/govuk-design-system
view_component
- Things I wish I knew before moving 50K lines of code to React Server Components
-
Supercharged table component built with ViewComponent
When searching for examples of table components built with the ViewComponent gem, I was surprised to find none. After some inquiries, I came across examples that worked like this:
-
More expressive APIs for View Components
View components offer two primary ways to interact with the component: passing arguments to the initializer and using slots:
- Have you been using ViewComponent. What advantages do you see in it?
-
How can I integrate VueJS into a rails 7 application? What is the workflow?
For example, splitting out views into partials? Or the new ViewComponent feature that's becoming quite popular - https://viewcomponent.org/
- Helpers vs Components
-
Vanilla Rails view components with partials | Stanko K.R.
I used to do "pure ruby" approach to that -- but basically wound up realizing I was re-inventing github's view_component. Their design goals were similar enough to what I was trying to do, that it made more sense just to use that, rather than try to re-invent it myself.
-
Gnarly Learnings from March 2023
ViewComponent
- Os benefícios de componentizar as views do Rails
-
Does anyone kind of miss simpler webpages?
The linked one is my Rails implementation, written for ViewComponent. The official version uses Nunjucks.
What are some alternatives?
eleventy-about-me - Personal portfolio website template built with Eleventy.
Stimulus - A modest JavaScript framework for the HTML you already have
bestmotherfucking.website - The Best Motherfucking Website
turbo-rails - Use Turbo in your Ruby on Rails app
govuk-frontend - GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
uswds - The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
cypress-rails - Helps you write Cypress tests of your Rails app
playbook - The Digital Services Playbook
hotwire-rails - Use Hotwire in your Ruby on Rails app
govuk-components - Lightweight Ruby on Rails components for developing with the GOV.UK Design System.
i18n-tasks - Manage translation and localization with static analysis, for Ruby i18n