Skip to content

Commit

Permalink
[docs] Fix SEO crawl errors (#30733)
Browse files Browse the repository at this point in the history
  • Loading branch information
oliviertassinari committed Jan 24, 2022
1 parent c4a55ca commit 0f516ab
Show file tree
Hide file tree
Showing 24 changed files with 88 additions and 115 deletions.
7 changes: 1 addition & 6 deletions docs/pages/blog/2019-developer-survey-results.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,9 @@ title: 2019 MUI Developer Survey results
description: Results for the first yearly developer survey, 2019 edition.
date: 2019-03-16T00:00:00.000Z
authors: ['oliviertassinari', 'mbrookes']
card: false
tags: ['Developer survey']
---

# 2019 MUI Developer Survey results

Olivier Tassinari, Matt Brookes. March 16, 2019.

While we are currently working on the upcoming release of MUI v4, we need to prioritize our
roadmap for the coming year. To refine our focus, we launched a developer survey last month,
to which we received 734 contributions. Thank you for your participation!
Expand Down Expand Up @@ -295,7 +290,7 @@ Multiple options were allowed.
- Gatsby: 8%

Server-side rendering isn't yet very popular.
As the React ecosystem matures, we might see a [big](https://www.rank2traffic.com/gatsbyjs.org) [push](https://www.rank2traffic.com/nextjs.org) of server-side rendering in the coming months.
As the React ecosystem matures, we might see a big push of server-side rendering in the coming months.

### 18. What styling system are you using?

Expand Down
7 changes: 3 additions & 4 deletions docs/pages/blog/2019.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
---
title: 2019 in review and beyond
date: 2020-01-25T00:00:00.000Z
description: 2019 was a great year for MUI. It puts us on an exciting path to solve even greater challenges in the coming years!
authors: ['oliviertassinari']
tags: ['Company update']
---

# 2019 in review and beyond

The core team. January 25, 2020.

2019 was a great year for MUI.
It puts us on an exciting path to solve even greater challenges in the coming years!

Expand Down
7 changes: 1 addition & 6 deletions docs/pages/blog/2020-developer-survey-results.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,11 @@
---
title: 2020 MUI Developer Survey results
description: Results for our yearly developer survey, 2020 edition.
date: 2020-07-27T00:00:00.000Z
date: 2020-06-27T00:00:00.000Z
authors: ['mnajdova', 'oliviertassinari', 'mbrookes']
card: false
tags: ['Developer survey']
---

# 2020 MUI Developer Survey results

Marija Najdova, Olivier Tassinari, Matt Brookes. June 27, 2020.

Continuing the tradition from last year, we launched a developer survey a few months ago, to which we received 1488 responses. This is twice as many as last year (734), so we thank you all for the participation!
The survey is closed and we can now give a detailed summary of the results.

Expand Down
7 changes: 3 additions & 4 deletions docs/pages/blog/2020-introducing-sketch.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
---
title: Introducing MUI for Sketch
description: Today, we're excited to announce the introduction of official Sketch symbols for MUI.
date: 2020-03-30T00:00:00.000Z
authors: ['oliviertassinari']
tags: ['News']
---

# Introducing MUI for Sketch

Olivier Tassinari. March 30, 2020.

Today, we're excited to introduce the Sketch symbols 💎 for MUI.

[![preview](/static/blog/2020-introducing-sketch/product-preview.png)](https://mui.com/store/items/sketch-react/?utm_source=blog&utm_medium=blog&utm_campaign=introducing-sketch)
Expand Down
7 changes: 3 additions & 4 deletions docs/pages/blog/2020-q1-update.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
---
title: Q1 2020 Update
description: An update on our mission for Q1 2020.
date: 2020-04-14T00:00:00.000Z
authors: ['oliviertassinari']
tags: ['Company update']
---

# Q1 2020 Update

Olivier Tassinari. April 14, 2020.

Welcome to the new format of our mission update. We are moving from monthly to quarterly updates.

## Product
Expand Down
7 changes: 3 additions & 4 deletions docs/pages/blog/2020-q2-update.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
---
title: Q2 2020 Update
description: An update on our mission for Q2 2020.
date: 2020-07-17T00:00:00.000Z
authors: ['oliviertassinari']
tags: ['Company update']
---

# Q2 2020 Update

Olivier Tassinari. July 17, 2020.

This update covers our progress over the last three months, and what we aim to achieve in the coming months.

## Product
Expand Down
7 changes: 3 additions & 4 deletions docs/pages/blog/april-2019-update.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
---
title: April 2019 Update
description: Here are the most significant improvements in April.
date: 2019-05-07T00:00:00.000Z
authors: ['oliviertassinari']
tags: ['Company update']
---

# April 2019 Update

Olivier Tassinari. May 7, 2019.

Here are the most significant improvements in April:

- 📚 We have migrated [most](https://github.com/mui-org/material-ui/issues/14897) of our demos to TypeScript. **@eps1lon** has lead the effort. You can switch between the JavaScript demo and the TypeScript demo using this toggle button:
Expand Down
7 changes: 3 additions & 4 deletions docs/pages/blog/august-2019-update.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
---
title: August 2019 Update
description: Here are the most significant improvements in August.
date: 2019-09-07T00:00:00.000Z
authors: ['oliviertassinari']
tags: ['Company update']
---

# August 2019 Update

Olivier Tassinari. September 7, 2019.

Here are the most significant improvements in August:

- ✨ We have introduced [a search page](/components/material-icons/) that makes it easy to find the perfect Material Design icon:
Expand Down
1 change: 0 additions & 1 deletion docs/pages/blog/benny-joo-joining.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ title: Benny Joo joins MUI
description: We are excited to share that Benny Joo has joined MUI. He has started last month full-time and is now a Junior Software Engineer in the Core team.
date: 2021-11-16T00:00:00.000Z
authors: ['mnajdova']
card: false
tags: ['Team']
---

Expand Down
7 changes: 3 additions & 4 deletions docs/pages/blog/december-2019-update.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
---
title: December 2019 Update
description: Here are the most significant improvements in December.
date: 2020-01-07T00:00:00.000Z
authors: ['oliviertassinari']
tags: ['Company update']
---

# December 2019 Update

Olivier Tassinari. January 7, 2020.

Here are the most significant improvements in December:

- 🚨 We have introduced a new [Alert](https://mui.com/components/alert/) component in the lab, thanks to **[@dimitropoulos](https://github.com/dimitropoulos)** ([#18702](https://github.com/mui-org/material-ui/pull/18702)). The component also supports composition with a [Snackbar](/components/snackbars/#customized-snackbars).
Expand Down
7 changes: 3 additions & 4 deletions docs/pages/blog/july-2019-update.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
---
title: July 2019 Update
description: Here are the most significant improvements in July.
date: 2019-08-04T00:00:00.000Z
authors: ['oliviertassinari']
tags: ['Company update']
---

# July 2019 Update

Olivier Tassinari. August 4, 2019.

Here are the most significant improvements in July:

- 🌳 We have introduced a new [Tree View component](/components/tree-view/) in the lab. Big thanks to Josh for it.
Expand Down
7 changes: 3 additions & 4 deletions docs/pages/blog/june-2019-update.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
---
title: June 2019 Update
description: Here are the most significant improvements in June.
date: 2019-07-08T00:00:00.000Z
authors: ['oliviertassinari']
tags: ['Company update']
---

# June 2019 Update

Olivier Tassinari. July 8, 2019.

Here are the most significant improvements in June:

- 💄 We have introduced a new [ButtonGroup](/components/buttons/#grouped-buttons) component.
Expand Down
7 changes: 3 additions & 4 deletions docs/pages/blog/march-2019-update.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
---
title: March 2019 Update
description: Here are the most significant improvements in March.
date: 2019-04-05T00:00:00.000Z
authors: ['oliviertassinari']
tags: ['Company update']
---

# March 2019 Update

Olivier Tassinari. April 5, 2019.

Here are the most significant improvements in March:

- We have removed the old styles modules 💅.
Expand Down
35 changes: 17 additions & 18 deletions docs/pages/blog/material-ui-v1-is-out.md
Original file line number Diff line number Diff line change
@@ -1,19 +1,18 @@
---
description: MUI v1 is out 🎉
title: Material-UI v1 is out 🎉
description: Material-UI v1 is out 🎉
date: 2018-05-18T00:00:00.000Z
authors: ['oliviertassinari', 'mbrookes']
tags: ['Company update']
---

# MUI v1 is out 🎉

The core team. May 18, 2018.

> React components that implement Google's Material Design.
![Our new [documentation](https://mui.com/) header & logo by @hai-cea](https://cdn-images-1.medium.com/max/2050/1*BKssrX-qEmyN6YaRNTvNlw.png)

<p class="blog-description">Our new documentation header & logo by @hai-cea</p>

It has taken us two years to do it, but MUI v1 has finally arrived!
It has taken us two years to do it, but Material-UI v1 has finally arrived!
We are so excited about this release, as it's setting a new course for the project. Thank you to _everyone_, especially to [the team](/about/), and to everyone who's contributed code, issue triage, and support. **Thank you.**

✨✨✨ See the [**1.0.0 Release Note**](https://github.com/mui-org/material-ui/releases/tag/v1.0.0) on GitHub. ✨✨✨
Expand All @@ -24,12 +23,12 @@ We are so excited about this release, as it's setting a new course for the proje

## High-level Goals for v1

MUI was started [3 years ago](https://github.com/mui-org/material-ui/commit/28b768913b75752ecf9b6bb32766e27c241dbc46) by [@hai-cea](https://github.com/hai-cea). The React ecosystem has evolved considerably since then, and we have also learned along the way. Two years ago, [@nathanmarks](https://github.com/nathanmarks/) [started](https://github.com/mui-org/material-ui/commit/cf0934dda2ef83852ca094ac7250e2d562ce6156) an ambitious task to rebuild MUI from the ground-up, taking advantage of this knowledge to address long-standing issues in customizability, ease of use, and code quality.
Material-UI was started [3 years ago](https://github.com/mui-org/material-ui/commit/28b768913b75752ecf9b6bb32766e27c241dbc46) by [@hai-cea](https://github.com/hai-cea). The React ecosystem has evolved considerably since then, and we have also learned along the way. Two years ago, [@nathanmarks](https://github.com/nathanmarks/) [started](https://github.com/mui-org/material-ui/commit/cf0934dda2ef83852ca094ac7250e2d562ce6156) an ambitious task to rebuild Material-UI from the ground-up, taking advantage of this knowledge to address long-standing issues in customizability, ease of use, and code quality.

### Customizability

MUI v1 is our second stab at the execution of [the vision](https://material-ui-next.com/discover-more/vision/).
We want MUI to become whatever is generally useful for application development, all in the spirit of the Material Design guidelines. MUI is not only an implementation of the Material Design guidelines, but a general use UI library of components that are needed by many. We are even allowing developers to build non Material themes on top of MUI components. We will soon open source examples of this.
Material-UI v1 is our second stab at the execution of [the vision](https://material-ui-next.com/discover-more/vision/).
We want Material-UI to become whatever is generally useful for application development, all in the spirit of the Material Design guidelines. Material-UI is not only an implementation of the Material Design guidelines, but a general use UI library of components that are needed by many. We are even allowing developers to build non Material themes on top of Material-UI components. We will soon open source examples of this.

- **CSS-in-JS**. We have seen [a great potential for **inline-styles** in the past](https://github.com/mui-org/material-ui/issues/30). It was an opportunity to solve four problems at once: removing the LESS toolchain dependency, allowing dynamic styles, allowing style code splitting and make overrides simpler.
Unfortunately, the [**execution didn't deliver**](https://github.com/mui-org/material-ui/issues/4066). We were lacking key features only available in CSS: media queries, pseudo selectors, pseudo elements, browser prefixes. Debugging was much harder. Overriding styles was very challenging – developers always had to look the implementation, and couldn't use CSS without relying on !important.
Expand All @@ -47,29 +46,29 @@ We know the ease of use is a critical part of user acquisition. The more user we

- **Examples**. We are hosting [example projects](https://github.com/mui-org/material-ui/tree/master/examples) with the most popular solutions to start a project: [create-react-app](https://github.com/facebook/create-react-app), [Next.js](https://github.com/vercel/next.js), [Gatsby](https://github.com/gatsbyjs/gatsby), and CDN.

- **Isolation**. Our components now work in isolation. You should be able to use a single MUI component in an existing codebase without any side effect. No global CSS override needed, no bundle size bloat.
- **Isolation**. Our components now work in isolation. You should be able to use a single Material-UI component in an existing codebase without any side effect. No global CSS override needed, no bundle size bloat.

- **Documentation**. We have made a huge investment in the documentation. We use [Next.js](https://github.com/vercel/next.js) for a blazingly fast navigation experience. It's also allowing us to provide a first server-side support for the components. We had added a search bar powered by [Algolia's DocSearch](https://community.algolia.com/docsearch/). (don't miss the s shortcut to focus the search bar). We have added many new documentation sections: guides, FAQ, etc. We have made the demos more interactive thanks to a direct integration with [CodeSandbox](https://codesandbox.io/s/4j7m47vlm4).

- **DOM**. We have focused on providing low-level components, in this v1 rewrite. By low-level, we mean components as close as possible to the underlying DOM structure and as stateless as possible. It should help reduce the mental overhead of using the components, encourage interoperability, and simplify customizability. For instance with the TextField. The component was broken down into 4 components. Our Input exposes the same API than a native input. You can switch one for the other. Leveraging this structural choice, we were able to demonstrate 3 autocomplete integration example with [Downshift](https://github.com/downshift-js/downshift), [react-autosuggest](https://github.com/moroshko/react-autosuggest), and [react-select](https://github.com/JedWatson/react-select).

### Code quality

Many people discover web development through MUI but it's also used in production to serve millions of customers. We have an important responsibility, our implementation needs to be rock solid.
Many people discover web development through Material-UI but it's also used in production to serve millions of customers. We have an important responsibility, our implementation needs to be rock solid.

- **Best practices.** We are following the best practices as much as possible. We have made the components: fully accessible, fully [HTML5 compliant](https://validator.w3.org/) and SEO friendly.

![[Lighthouse](https://github.com/GoogleChrome/lighthouse) report of the MUI documentation homepage](https://cdn-images-1.medium.com/max/2000/1*_x_j-jasswGw0WaDyeHk-g.png)
![[Lighthouse](https://github.com/GoogleChrome/lighthouse) report of the Material-UI documentation homepage](https://cdn-images-1.medium.com/max/2000/1*_x_j-jasswGw0WaDyeHk-g.png)

<p class="blog-description">Lighthouse report of the MUI documentation homepage</p>
<p class="blog-description">Lighthouse report of the Material-UI documentation homepage</p>

- **Continuous integration.** Every single line of code is tested. We have an impressive [💯% test coverage](https://codecov.io/gh/mui-org/material-ui/branch/master). With more than 700 contributors, it's really important. All these tests allow us to quickly iterate and with confidence. We run the test suite runs on all the supported platforms. We also run more than [180 visual regression tests](https://www.argos-ci.com/mui-org/material-ui) thanks to [Argos-CI](https://www.argos-ci.com/).

![An example [BrowserStack](https://www.browserstack.com/) build](https://cdn-images-1.medium.com/max/2000/1*bnWGqotk36ivrYTp3dY7fA.png)

<p class="blog-description">An example BrowserStack build</p>

- **Bundle size**. If you take all the MUI components, your bundle will weight more than 100 kB gzipped. MUI looks like a huge dependency but it's fine in practice with code splitting. You will most likely use ~40% of the library on a given page/screen. The bundle size is important. It's [constantly monitored](https://github.com/mui-org/material-ui/blob/ca69253843208c21593fff230151e1fffd93a566/.size-limit), which prevents us from introducing size regressions, and allows us to recognize positive efforts.
- **Bundle size**. If you take all the Material-UI components, your bundle will weight more than 100 kB gzipped. Material-UI looks like a huge dependency but it's fine in practice with code splitting. You will most likely use ~40% of the library on a given page/screen. The bundle size is important. It's [constantly monitored](https://github.com/mui-org/material-ui/blob/ca69253843208c21593fff230151e1fffd93a566/.size-limit), which prevents us from introducing size regressions, and allows us to recognize positive efforts.

![An example of [size-limit](https://github.com/ai/size-limit) output](https://cdn-images-1.medium.com/max/2000/1*AQoyq9OvjFZJE2Ep0UtCzA.png)

Expand Down Expand Up @@ -105,7 +104,7 @@ There are so many new things, we can't be exhaustive. Aside from what we have al

## Premium themes

We have shipped the long-awaited MUI v1 stable release. With a new codebase designed to better support customization, it's the perfect timing to start building and promoting premium themes. We are very happy to announce [the first two](https://mui.com/store/) from [Creative Tim](https://mui.com/store/contributors/creative-tim/). More are coming.
We have shipped the long-awaited Material-UI v1 stable release. With a new codebase designed to better support customization, it's the perfect timing to start building and promoting premium themes. We are very happy to announce [the first two](https://mui.com/store/) from [Creative Tim](https://mui.com/store/contributors/creative-tim/). More are coming.

![Creative Tim themes](https://cdn-images-1.medium.com/max/2000/1*jPOu6n1EMsqv4Gh652MtPA.png)

Expand All @@ -117,13 +116,13 @@ We have shipped the long-awaited MUI v1 stable release. With a new codebase desi

## Thank you

Finally, one last thank you to everyone who's contributed to MUI v1.
Finally, one last thank you to everyone who's contributed to Material-UI v1.
I'm so excited at the idea we are making it stable, but rest assured, it's just the beginning. We will keep working hard on delivering the best possible UI library components.

MUI is an MIT-licensed open source project. It's an independent project with ongoing development helped by the support of these awesome [backers](/discover-more/backers/). If you'd like to join them, please consider:
Material-UI is an MIT-licensed open source project. It's an independent project with ongoing development helped by the support of these awesome [backers](/discover-more/backers/). If you'd like to join them, please consider:

- [Become a backer or sponsor on Patreon](https://www.patreon.com/oliviertassinari).
- [Become a backer or sponsor on OpenCollective](https://opencollective.com/mui).
- [Become a backer or sponsor on Patreon](https://www.patreon.com/oliviertassinari).

![Our gold sponsors](https://cdn-images-1.medium.com/max/2000/1*fx_BaOxYY0ZJo3n9iXI1Jg.png)<p class="blog-description">Our gold sponsors</p>

Expand Down
Loading

0 comments on commit 0f516ab

Please sign in to comment.