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

[blog] Add post about upcoming plans for Base UI #40882

Merged
merged 41 commits into from
Feb 12, 2024
Merged
Changes from 1 commit
Commits
Show all changes
41 commits
Select commit Hold shift + click to select a range
81c7662
add post draft and structure
danilo-leal Jan 31, 2024
f5a6a55
add open graph card
danilo-leal Feb 1, 2024
efbf435
add proper tags
danilo-leal Feb 1, 2024
11f830e
simplify a couple of blog-related styles
danilo-leal Feb 1, 2024
88177aa
remove misleading hover states on featured blog posts
danilo-leal Feb 1, 2024
fb25e5b
stray blog-related style adjustments
danilo-leal Feb 1, 2024
6b4977c
experiment with a table for listing the to-be-added components
danilo-leal Feb 1, 2024
e380cbc
show demo and src component as an examples in blog
siriwatknp Feb 1, 2024
5228dea
add a demo for the animation paragraph
danilo-leal Feb 1, 2024
f02d84d
rename the demo component; fix lint
danilo-leal Feb 1, 2024
b794450
fix links and demo lint
danilo-leal Feb 1, 2024
2b8ac1d
add new paragraph about customization API
danilo-leal Feb 5, 2024
3060340
add links and small tweaks
danilo-leal Feb 5, 2024
eb9bd74
add one more link
danilo-leal Feb 5, 2024
c287381
add small description on the animation demo
danilo-leal Feb 5, 2024
2dcabff
small fix
danilo-leal Feb 5, 2024
4259bee
add missing issues
danilo-leal Feb 5, 2024
1d5d251
add images and beef up the post a bit more
danilo-leal Feb 5, 2024
b2ff1d8
add one more link and formatting
danilo-leal Feb 6, 2024
c48810e
run: pnpm docs:link-check
danilo-leal Feb 6, 2024
7271a7b
remove numbers for the table to not imply order
danilo-leal Feb 6, 2024
1793959
simplify copy
danilo-leal Feb 6, 2024
23284f9
specify calendar year
danilo-leal Feb 6, 2024
6ed4962
fix broken link
danilo-leal Feb 6, 2024
21314e3
Michal's suggestions
danilo-leal Feb 6, 2024
cd4f79c
Sam's review
danilo-leal Feb 6, 2024
80d4af1
updates and adjustments to the intro to Base UI old post
danilo-leal Feb 6, 2024
8e0b8aa
update tags there as well
danilo-leal Feb 6, 2024
1de2e76
little writing fix
danilo-leal Feb 6, 2024
d9248ed
standardize component name
danilo-leal Feb 7, 2024
43ddea8
update publishing date
danilo-leal Feb 7, 2024
facbb26
update the description
danilo-leal Feb 7, 2024
652c45e
update milestone image
danilo-leal Feb 7, 2024
bd4fef6
Olivier's review
danilo-leal Feb 8, 2024
ed962b6
docs:typescript:formatted
danilo-leal Feb 8, 2024
b358286
rephrase the paragraph about independent component versioning
danilo-leal Feb 8, 2024
89e0f7b
add note about other future components
danilo-leal Feb 8, 2024
4a7f689
more slight edits and fine-tunes
danilo-leal Feb 8, 2024
a25923a
update publishing date
danilo-leal Feb 8, 2024
5863369
Matt's review
danilo-leal Feb 8, 2024
eec727e
fine-tune edits to get this out the door
danilo-leal Feb 9, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Matt's review
  • Loading branch information
danilo-leal committed Feb 8, 2024
commit 5863369b323b00f858550d9c35f546af8953fa8b
22 changes: 7 additions & 15 deletions docs/pages/blog/base-ui-2024-plans.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ card: true

The [story of Base UI](/blog/introducing-base-ui/) began several years ago—long before headless React component libraries skyrocketed in popularity—when we started to imagine a world in which Material UI could exist without Material Design.

We're super excited to share that this dream has become a reality!
We're super excited to share that this dream is becoming a reality!
This year will see a lot of investment in Base UI as we expand the team ([we're hiring!](/careers/staff-ui-engineer-base-ui/)) and focus hard on a [stable release](https://github.com/mui/material-ui/milestone/46) (tentatively planned for late 2024), which will come full of new components, features, and improvements.

Let's walk through some of the things we're cooking up.
Expand Down Expand Up @@ -55,7 +55,8 @@ Additionally, since the `slots` and the corresponding `slotProps` are not relate

To address these issues, we're considering adopting a new API that would assign a discrete subcomponent to each DOM node—the pattern favored by many other headless component libraries (think: `<Slider.Track />`, `<Slider.Thumb />`, etc.).
This pattern has the potential to radically improve the customization experience, both for styles and structure.
We're still fleshing out the details and plan to release an RFC on GitHub in the coming days—we'll update this blog post with the link when it's available.
We're still fleshing out the details and plan to release an RFC on GitHub in the coming days.
We'll update this blog post with the link when it's available.
We know that a significant number of projects depend on the existing API, and we want to assure you that one of our top priorities is to provide a smooth migration experience.

## More thorough animation support
Expand All @@ -68,21 +69,12 @@ They're currently available for use with the Popup, Menu, and Select, and the pl

<p class="blog-description" style="margin: -16px 0 0 0;">The CSS Animation transition is exaggerated here for the sake of demonstration.</p>

## Independent component versioning

Instead of versioning the package as a whole, we're considering offering each Base UI component as its own individual npm package with its own version.
Although it may initially sound like a burden to install each component individually, it means that you only have to commit to those you're actually interested in using.
Pick and choose only what you need, or even mix and match with complementary component libraries that you're already using.

This would be a huge DX win because it enables us to iterate much more quickly on individual components and get bug fixes out to you on a per-component basis with no need to wait for a package-wide major release.

## A more independent product
danilo-leal marked this conversation as resolved.
Show resolved Hide resolved

Thus far, all Base UI-related development has happened within the [Material UI GitHub repository](http://github.com/mui/material-ui).
So far, all Base UI-related development has happened within the [Material UI GitHub repository](http://github.com/mui/material-ui).
That made a lot of sense in the beginning because we didn't intend for Base UI to be a standalone product at the time.
As a result of this early decision, we've seen that some developers are hesitant to try it out because of the apparent association with Material Design.
Rest assured that Base UI _is_ a standalone library, and it doesn't come packaged with _any_ default styles or themes.
That's why, later in the year, we plan to move it to its own dedicated GitHub repository.

<img alt="Material UI vs. Base UI: independent but related products." src="/static/blog/base-ui-2024-plans/material-vs-base.png" width="1200" height="450" loading="lazy" />

Expand All @@ -92,15 +84,15 @@ To acknowledge that Base UI has the potential to outgrow Material UI, we plan to
## Getting bugs out of the way

The core of what Base UI strives to deliver out of the box is first-class accessibility and an intuitive API for extensive customization.
We've earmarked several bugs we want to tackle before the stable release in areas such as keyboard navigation, better ARIA support, focus styles, and more.
We've earmarked several issues we want to tackle before the stable release in areas such as keyboard navigation, better ARIA support, focus styles, and more.

<img alt="A screenshot of the Base UI stable release milestone on GitHub as of January 2024." src="/static/blog/base-ui-2024-plans/base-ui-milestone.png" width="1200" height="600" loading="lazy" />

You can track our progress fixing any specific bugs by checking out the list of [Base UI stable release milestones on GitHub](https://github.com/mui/material-ui/milestone/46).
You can track our progress fixing any specific issues by checking out the list of [Base UI stable release milestones on GitHub](https://github.com/mui/material-ui/milestone/46).

## Join us on the ride

If you're passionate about the mission of extending the web platform with powerful, accessible, unstyled components, [we're hiring UI Engineers](/careers/staff-ui-engineer-base-ui/) to work on the Base UI team and help us accelerate its growth.
If you're passionate about extending the web platform with powerful, accessible, unstyled components, [we're hiring UI Engineers](/careers/staff-ui-engineer-base-ui/) to work on the Base UI team and help us accelerate its growth.

Lastly, we'd love to hear your feedback.
The best place to share your ideas and requests is in [the GitHub repo](https://github.com/mui/material-ui/issues?q=is:open+is:issue+label:%22package:+base-ui%22).
Expand Down
Loading