reactjs · gaearon · Nov 11, 2021 · Nov 10, 2021
diff --git a/beta/plugins/md-layout-loader.js b/beta/plugins/md-layout-loader.js
@@ -1,4 +1,5 @@
 const fm = require('gray-matter');
+const path = require('path');
 
 // Makes mdx in next.js suck less by injecting necessary exports so that
 // the docs are still readable on github.
@@ -15,7 +16,16 @@ const fm = require('gray-matter');
 module.exports = async function (src) {
   const callback = this.async();
   const {content, data} = fm(src);
-  const layout = data.layout || 'Home';
+  const pageParentDir = path
+    .dirname(path.relative('./src/pages', this.resourcePath))
+    .split(path.sep)
+    .shift();
+  const layoutMap = {
+    blog: 'Post',
+    learn: 'Learn',
+    reference: 'API',
+  };
+  const layout = layoutMap[pageParentDir] || 'Home';
   const code =
     `import withLayout from 'components/Layout/Layout${layout}';
 

diff --git a/beta/src/pages/blog/2013/06/02/jsfiddle-integration.md b/beta/src/pages/blog/2013/06/02/jsfiddle-integration.md
@@ -1,6 +1,5 @@
 ---
 title: JSFiddle Integration
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/06/05/why-react.md b/beta/src/pages/blog/2013/06/05/why-react.md
@@ -1,6 +1,5 @@
 ---
 title: Why did we build React?
-layout: Post
 author: [petehunt]
 ---
 

diff --git a/beta/src/pages/blog/2013/06/12/community-roundup.md b/beta/src/pages/blog/2013/06/12/community-roundup.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #1'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/06/19/community-roundup-2.md b/beta/src/pages/blog/2013/06/19/community-roundup-2.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #2'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/06/21/react-v0-3-3.md b/beta/src/pages/blog/2013/06/21/react-v0-3-3.md
@@ -1,6 +1,5 @@
 ---
 title: 'React v0.3.3'
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2013/06/27/community-roundup-3.md b/beta/src/pages/blog/2013/06/27/community-roundup-3.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #3'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/07/02/react-v0-4-autobind-by-default.md b/beta/src/pages/blog/2013/07/02/react-v0-4-autobind-by-default.md
@@ -1,6 +1,5 @@
 ---
 title: "New in React v0.4: Autobind by Default"
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2013/07/03/community-roundup-4.md b/beta/src/pages/blog/2013/07/03/community-roundup-4.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #4'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/07/11/react-v0-4-prop-validation-and-default-values.md b/beta/src/pages/blog/2013/07/11/react-v0-4-prop-validation-and-default-values.md
@@ -1,6 +1,5 @@
 ---
 title: 'New in React v0.4: Prop Validation and Default Values'
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2013/07/17/react-v0-4-0.md b/beta/src/pages/blog/2013/07/17/react-v0-4-0.md
@@ -1,6 +1,5 @@
 ---
 title: 'React v0.4.0'
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2013/07/23/community-roundup-5.md b/beta/src/pages/blog/2013/07/23/community-roundup-5.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #5'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/07/26/react-v0-4-1.md b/beta/src/pages/blog/2013/07/26/react-v0-4-1.md
@@ -1,6 +1,5 @@
 ---
 title: 'React v0.4.1'
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails.md b/beta/src/pages/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails.md
@@ -1,6 +1,5 @@
 ---
 title: 'Use React and JSX in Ruby on Rails'
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2013/08/05/community-roundup-6.md b/beta/src/pages/blog/2013/08/05/community-roundup-6.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #6'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/08/19/use-react-and-jsx-in-python-applications.md b/beta/src/pages/blog/2013/08/19/use-react-and-jsx-in-python-applications.md
@@ -1,6 +1,5 @@
 ---
 title: 'Use React and JSX in Python Applications'
-layout: Post
 author: [kmeht]
 ---
 

diff --git a/beta/src/pages/blog/2013/08/26/community-roundup-7.md b/beta/src/pages/blog/2013/08/26/community-roundup-7.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #7'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/09/24/community-roundup-8.md b/beta/src/pages/blog/2013/09/24/community-roundup-8.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #8'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/10/03/community-roundup-9.md b/beta/src/pages/blog/2013/10/03/community-roundup-9.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #9'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/10/16/react-v0.5.0.md b/beta/src/pages/blog/2013/10/16/react-v0.5.0.md
@@ -1,6 +1,5 @@
 ---
 title: 'React v0.5'
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2013/10/29/react-v0-5-1.md b/beta/src/pages/blog/2013/10/29/react-v0-5-1.md
@@ -1,6 +1,5 @@
 ---
 title: 'React v0.5.1'
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2013/11/06/community-roundup-10.md b/beta/src/pages/blog/2013/11/06/community-roundup-10.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #10'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/11/18/community-roundup-11.md b/beta/src/pages/blog/2013/11/18/community-roundup-11.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #11'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/12/18/react-v0.5.2-v0.4.2.md b/beta/src/pages/blog/2013/12/18/react-v0.5.2-v0.4.2.md
@@ -1,6 +1,5 @@
 ---
 title: 'React v0.5.2, v0.4.2'
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2013/12/19/react-v0.8.0.md b/beta/src/pages/blog/2013/12/19/react-v0.8.0.md
@@ -1,6 +1,5 @@
 ---
 title: 'React v0.8'
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2013/12/23/community-roundup-12.md b/beta/src/pages/blog/2013/12/23/community-roundup-12.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #12'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2013/12/30/community-roundup-13.md b/beta/src/pages/blog/2013/12/30/community-roundup-13.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #13'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2014/01/02/react-chrome-developer-tools.md b/beta/src/pages/blog/2014/01/02/react-chrome-developer-tools.md
@@ -1,6 +1,5 @@
 ---
 title: 'React Chrome Developer Tools'
-layout: Post
 author: [sebmarkbage]
 ---
 

diff --git a/beta/src/pages/blog/2014/01/06/community-roundup-14.md b/beta/src/pages/blog/2014/01/06/community-roundup-14.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #14'
-layout: Post
 author: [vjeux]
 ---
 

diff --git a/beta/src/pages/blog/2014/02/05/community-roundup-15.md b/beta/src/pages/blog/2014/02/05/community-roundup-15.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #15'
-layout: Post
 author: [jgebhardt]
 ---
 

diff --git a/beta/src/pages/blog/2014/02/15/community-roundup-16.md b/beta/src/pages/blog/2014/02/15/community-roundup-16.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #16'
-layout: Post
 author: [jgebhardt]
 ---
 

diff --git a/beta/src/pages/blog/2014/02/16/react-v0.9-rc1.md b/beta/src/pages/blog/2014/02/16/react-v0.9-rc1.md
@@ -1,6 +1,5 @@
 ---
 title: React v0.9 RC
-layout: Post
 author: [sophiebits]
 ---
 

diff --git a/beta/src/pages/blog/2014/02/20/react-v0.9.md b/beta/src/pages/blog/2014/02/20/react-v0.9.md
@@ -1,6 +1,5 @@
 ---
 title: React v0.9
-layout: Post
 author: [sophiebits]
 ---
 

diff --git a/beta/src/pages/blog/2014/02/24/community-roundup-17.md b/beta/src/pages/blog/2014/02/24/community-roundup-17.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #17'
-layout: Post
 author: [jgebhardt]
 ---
 

diff --git a/beta/src/pages/blog/2014/03/14/community-roundup-18.md b/beta/src/pages/blog/2014/03/14/community-roundup-18.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #18'
-layout: Post
 author: [jgebhardt]
 ---
 

diff --git a/beta/src/pages/blog/2014/03/19/react-v0.10-rc1.md b/beta/src/pages/blog/2014/03/19/react-v0.10-rc1.md
@@ -1,6 +1,5 @@
 ---
 title: React v0.10 RC
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2014/03/21/react-v0.10.md b/beta/src/pages/blog/2014/03/21/react-v0.10.md
@@ -1,6 +1,5 @@
 ---
 title: React v0.10
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2014/03/28/the-road-to-1.0.md b/beta/src/pages/blog/2014/03/28/the-road-to-1.0.md
@@ -1,6 +1,5 @@
 ---
 title: The Road to 1.0
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2014/04/04/reactnet.md b/beta/src/pages/blog/2014/04/04/reactnet.md
@@ -1,6 +1,5 @@
 ---
 title: 'Use React and JSX in ASP.NET MVC'
-layout: Post
 author: [Daniel15]
 ---
 

diff --git a/beta/src/pages/blog/2014/05/06/flux.md b/beta/src/pages/blog/2014/05/06/flux.md
@@ -1,6 +1,5 @@
 ---
 title: 'Flux: An Application Architecture for React'
-layout: Post
 author: [fisherwebdev, jingc]
 ---
 

diff --git a/beta/src/pages/blog/2014/05/29/one-year-of-open-source-react.md b/beta/src/pages/blog/2014/05/29/one-year-of-open-source-react.md
@@ -1,6 +1,5 @@
 ---
 title: 'One Year of Open-Source React'
-layout: Post
 author: [chenglou]
 ---
 

diff --git a/beta/src/pages/blog/2014/06/27/community-roundup-19.md b/beta/src/pages/blog/2014/06/27/community-roundup-19.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #19'
-layout: Post
 author: [chenglou]
 ---
 

diff --git a/beta/src/pages/blog/2014/07/13/react-v0.11-rc1.md b/beta/src/pages/blog/2014/07/13/react-v0.11-rc1.md
@@ -1,6 +1,5 @@
 ---
 title: React v0.11 RC
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2014/07/17/react-v0.11.md b/beta/src/pages/blog/2014/07/17/react-v0.11.md
@@ -1,6 +1,5 @@
 ---
 title: React v0.11
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2014/07/25/react-v0.11.1.md b/beta/src/pages/blog/2014/07/25/react-v0.11.1.md
@@ -1,6 +1,5 @@
 ---
 title: React v0.11.1
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2014/07/28/community-roundup-20.md b/beta/src/pages/blog/2014/07/28/community-roundup-20.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #20'
-layout: Post
 author: [LoukaN]
 ---
 

diff --git a/beta/src/pages/blog/2014/07/30/flux-actions-and-the-dispatcher.md b/beta/src/pages/blog/2014/07/30/flux-actions-and-the-dispatcher.md
@@ -1,6 +1,5 @@
 ---
 title: 'Flux: Actions and the Dispatcher'
-layout: Post
 author: [fisherwebdev]
 ---
 

diff --git a/beta/src/pages/blog/2014/08/03/community-roundup-21.md b/beta/src/pages/blog/2014/08/03/community-roundup-21.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #21'
-layout: Post
 author: [LoukaN]
 ---
 

diff --git a/beta/src/pages/blog/2014/09/03/introducing-the-jsx-specification.md b/beta/src/pages/blog/2014/09/03/introducing-the-jsx-specification.md
@@ -1,6 +1,5 @@
 ---
 title: 'Introducing the JSX Specification'
-layout: Post
 author: [sebmarkbage]
 ---
 

diff --git a/beta/src/pages/blog/2014/09/12/community-round-up-22.md b/beta/src/pages/blog/2014/09/12/community-round-up-22.md
@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #22'
-layout: Post
 author: [LoukaN]
 ---
 

diff --git a/beta/src/pages/blog/2014/09/16/react-v0.11.2.md b/beta/src/pages/blog/2014/09/16/react-v0.11.2.md
@@ -1,6 +1,5 @@
 ---
 title: React v0.11.2
-layout: Post
 author: [zpao]
 ---
 

diff --git a/beta/src/pages/blog/2014/09/24/testing-flux-applications.md b/beta/src/pages/blog/2014/09/24/testing-flux-applications.md
@@ -1,6 +1,5 @@
 ---
 title: 'Testing Flux Applications'
-layout: Post
 author: [fisherwebdev]
 ---
 

diff --git a/beta/src/pages/blog/2014/10/14/introducing-react-elements.md b/beta/src/pages/blog/2014/10/14/introducing-react-elements.md
@@ -1,6 +1,5 @@
 ---
 title: 'Introducing React Elements'
-layout: Post
 author: [sebmarkbage]
 redirect_from:
   - 'blog/2014/10/14/introducting-react-elements.html'

diff --git a/beta/src/pages/blog/2014/10/16/react-v0.12-rc1.md b/beta/src/pages/blog/2014/10/16/react-v0.12-rc1.md
@@ -1,6 +1,5 @@
 ---
 title: 'React v0.12 RC'
-layout: Post
 author: [sebmarkbage]
 ---