From a14c5b949c2296d358f8119fa21b788557e47b77 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Juho=20Veps=C3=A4l=C3=A4inen?= Date: Tue, 23 Apr 2019 12:07:30 +0300 Subject: [PATCH 01/23] docs: Add React Finland 2019 (#1934) --- content/community/conferences.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/content/community/conferences.md b/content/community/conferences.md index 356600394..e8e727ee7 100644 --- a/content/community/conferences.md +++ b/content/community/conferences.md @@ -12,6 +12,11 @@ Do you know of a local React.js conference? Add it here! (Please keep the list c ## Upcoming Conferences {#upcoming-conferences} +### React Finland 2019 {#react-finland-2019} +April 24-26 in Helsinki, Finland + +[Website](https://react-finland.fi/) - [Twitter](https://twitter.com/ReactFinland) + ### ReactJS Girls Conference May 3, 2019 in London, UK From f0d1a0112090e9febe31b39b4172c2b8c1c7be90 Mon Sep 17 00:00:00 2001 From: Stepan Date: Tue, 23 Apr 2019 20:48:21 +0300 Subject: [PATCH 02/23] =?UTF-8?q?links=20Get=20started=20and=20Take=20the?= =?UTF-8?q?=20Tutorial=20have=20been=20relocated=20in=20mobile=E2=80=A6=20?= =?UTF-8?q?(#1857)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/index.js | 28 ++++++++++++++++++++++------ 1 file changed, 22 insertions(+), 6 deletions(-) diff --git a/src/pages/index.js b/src/pages/index.js index 790efd439..976fddb07 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -62,7 +62,7 @@ class Home extends Component {
- + Get Started @@ -312,8 +321,6 @@ Home.propTypes = { const CtaItem = ({children, primary = false}) => (
( '&:first-child': { textAlign: 'right', - paddingRight: 15, + paddingRight: 7, + paddingLeft: 7, + [media.lessThan('small')]: { + marginBottom: 10, + }, }, '&:nth-child(2)': { + paddingRight: 7, + paddingLeft: 7, [media.greaterThan('small')]: { paddingLeft: 15, }, + [media.lessThan('small')]: { + marginBottom: 10, + }, }, }}> {children} From 59be66f3a8d469455bd70fa6818279745c4943a7 Mon Sep 17 00:00:00 2001 From: BrainBoxBrown Date: Wed, 24 Apr 2019 15:57:49 +1000 Subject: [PATCH 03/23] Changed unicode hyphen to normal hyphen (#1927) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit When copy and pasting `npm install jest-cli —save-dev` you get this error `Invalid tag name "—save-dev": Tags may not have any characters that encodeURIComponent encodes` I replaced the unicode characters '—' with ascii hypens '-' --- content/blog/2014-09-24-testing-flux-applications.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2014-09-24-testing-flux-applications.md b/content/blog/2014-09-24-testing-flux-applications.md index 0986c7653..5721e3b42 100644 --- a/content/blog/2014-09-24-testing-flux-applications.md +++ b/content/blog/2014-09-24-testing-flux-applications.md @@ -17,7 +17,7 @@ The first steps toward working with Jest are as follows: 1. Get the module dependencies for the application installed by running `npm install`. 2. Create a directory `__tests__/` with a test file, in this case TodoStore-test.js -3. Run `npm install jest-cli —save-dev` +3. Run `npm install jest-cli --save-dev` 4. Add the following to your package.json ```javascript From 7be4caf21079345a2bf957c904f7493e782ff9bc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Antonio=20Chio?= Date: Wed, 24 Apr 2019 02:02:43 -0400 Subject: [PATCH 04/23] Update ESLint Plugin installation command (#1758) --- content/docs/hooks-rules.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hooks-rules.md b/content/docs/hooks-rules.md index dbac9cffd..625d1e4d5 100644 --- a/content/docs/hooks-rules.md +++ b/content/docs/hooks-rules.md @@ -28,7 +28,7 @@ By following this rule, you ensure that all stateful logic in a component is cle We released an ESLint plugin called [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) that enforces these two rules. You can add this plugin to your project if you'd like to try it: ```bash -npm install eslint-plugin-react-hooks +npm install eslint-plugin-react-hooks --save-dev ``` ```js From dd6317f3bd1ebbe54dbf92e4fbfd4b0c130ebc8f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C3=ABl=20De=20Boey?= Date: Wed, 24 Apr 2019 08:07:53 +0200 Subject: [PATCH 05/23] Update 2019-02-06-react-v16.8.0.md (#1634) You can just normal install `eslint-plugin-react-hooks` --- content/blog/2019-02-06-react-v16.8.0.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/blog/2019-02-06-react-v16.8.0.md b/content/blog/2019-02-06-react-v16.8.0.md index 3af12da7d..ef7641fb2 100644 --- a/content/blog/2019-02-06-react-v16.8.0.md +++ b/content/blog/2019-02-06-react-v16.8.0.md @@ -140,10 +140,10 @@ Assuming you already have ESLint installed, run: ```sh # npm -npm install eslint-plugin-react-hooks@next --save-dev +npm install eslint-plugin-react-hooks --save-dev # yarn -yarn add eslint-plugin-react-hooks@next --dev +yarn add eslint-plugin-react-hooks --dev ``` Then add it to your ESLint configuration: From dcfc0bbb105069817fa73462e80b20c357b8422b Mon Sep 17 00:00:00 2001 From: Quentin Bahers Date: Wed, 24 Apr 2019 08:12:33 +0200 Subject: [PATCH 06/23] Fix the "Releases" link in the "Getting Started" page (#1530) --- content/docs/getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 37972e83e..672a1812b 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -115,7 +115,7 @@ The [React blog](/blog/) is the official source for the updates from the React t You can also follow the [@reactjs account](https://twitter.com/reactjs) on Twitter, but you won't miss anything essential if you only read the blog. -Not every React release deserves its own blog post, but you can find a detailed changelog for every release [in the `CHANGELOG.md` file in the React repository](https://github.com/facebook/react/blob/master/CHANGELOG.md), as well as on the [Releases](https://github.com/facebook/react) page. +Not every React release deserves its own blog post, but you can find a detailed changelog for every release [in the `CHANGELOG.md` file in the React repository](https://github.com/facebook/react/blob/master/CHANGELOG.md), as well as on the [Releases](https://github.com/facebook/react/releases) page. ## Versioned Documentation {#versioned-documentation} From 621f4c87bdb422f6b58324e3aa355c70e671426a Mon Sep 17 00:00:00 2001 From: renato <32328921+prime-time@users.noreply.github.com> Date: Tue, 23 Apr 2019 23:14:39 -0700 Subject: [PATCH 07/23] lowercase link to React.createElement section (#1509) --- content/docs/reference-react.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/reference-react.md b/content/docs/reference-react.md index d506a1ad3..0861b58d9 100644 --- a/content/docs/reference-react.md +++ b/content/docs/reference-react.md @@ -198,7 +198,7 @@ This API was introduced as a replacement of the deprecated `React.addons.cloneWi React.createFactory(type) ``` -Return a function that produces React elements of a given type. Like [`React.createElement()`](#createElement), the type argument can be either a tag name string (such as `'div'` or `'span'`), a [React component](/docs/components-and-props.html) type (a class or a function), or a [React fragment](#reactfragment) type. +Return a function that produces React elements of a given type. Like [`React.createElement()`](#createelement), the type argument can be either a tag name string (such as `'div'` or `'span'`), a [React component](/docs/components-and-props.html) type (a class or a function), or a [React fragment](#reactfragment) type. This helper is considered legacy, and we encourage you to either use JSX or use `React.createElement()` directly instead. From a2d69c68aed8360eeca2543338893a455eb98c68 Mon Sep 17 00:00:00 2001 From: Lokesh Kumar Date: Wed, 24 Apr 2019 11:49:42 +0530 Subject: [PATCH 08/23] Update create-a-new-react-app.md (#1400) Fixes typo flexiblity --- content/docs/create-a-new-react-app.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md index e1985e72f..8348e8ef8 100644 --- a/content/docs/create-a-new-react-app.md +++ b/content/docs/create-a-new-react-app.md @@ -69,7 +69,7 @@ Learn Gatsby from [its official guide](https://www.gatsbyjs.org/docs/) and a [ga ### More Flexible Toolchains {#more-flexible-toolchains} -The following toolchains offer more flexiblity and choice. We recommend them to more experienced users: +The following toolchains offer more flexibility and choice. We recommend them to more experienced users: - **[Neutrino](https://neutrinojs.org/)** combines the power of [webpack](https://webpack.js.org/) with the simplicity of presets, and includes a preset for [React apps](https://neutrinojs.org/packages/react/) and [React components](https://neutrinojs.org/packages/react-components/). From 8e0a8af0451fa67b1d508913cc4504e01ea9b777 Mon Sep 17 00:00:00 2001 From: Shreyans Jain Date: Wed, 24 Apr 2019 08:31:27 +0200 Subject: [PATCH 09/23] Update link for "import SVG as a component" (#1360) --- content/blog/2018-10-01-create-react-app-v2.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-01-create-react-app-v2.md b/content/blog/2018-10-01-create-react-app-v2.md index 31a7e16b9..c35e90106 100644 --- a/content/blog/2018-10-01-create-react-app-v2.md +++ b/content/blog/2018-10-01-create-react-app-v2.md @@ -25,7 +25,7 @@ Here's a short summary of what's new in this release: * 🃏 We updated to [Jest 23](https://jestjs.io/blog/2018/05/29/jest-23-blazing-fast-delightful-testing.html), which includes an [interactive mode](https://jestjs.io/blog/2018/05/29/jest-23-blazing-fast-delightful-testing#interactive-snapshot-mode) for reviewing snapshots. * 💄 We added [PostCSS](https://preset-env.cssdb.org/features#stage-3) so you can use new CSS features in old browsers. * 💎 You can use [Apollo](https://github.com/leoasis/graphql-tag.macro#usage), [Relay Modern](https://github.com/facebook/relay/pull/2171#issuecomment-411459604), [MDX](https://github.com/facebook/create-react-app/issues/5149#issuecomment-425396995), and other third-party [Babel Macros](https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros) transforms. -* 🌠 You can now [import an SVG as a React component](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-svgs), and use it in JSX. +* 🌠 You can now [import an SVG as a React component](https://facebook.github.io/create-react-app/docs/adding-images-fonts-and-files#adding-svgs), and use it in JSX. * 🐈 You can try the experimental [Yarn Plug'n'Play mode](https://github.com/yarnpkg/rfcs/pull/101) that removes `node_modules`. * 🕸 You can now [plug your own proxy implementation](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#configuring-the-proxy-manually) in development to match your backend API. * 🚀 You can now use [packages written for latest Node versions](https://github.com/sindresorhus/ama/issues/446#issuecomment-281014491) without breaking the build. From f4a67ffdfb32ce150cf4e7fcd735467667db28ab Mon Sep 17 00:00:00 2001 From: Camilo Giraldo Date: Wed, 24 Apr 2019 01:39:54 -0500 Subject: [PATCH 10/23] Fix for 1874 broken link (#1902) --- content/docs/add-react-to-a-website.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/add-react-to-a-website.md b/content/docs/add-react-to-a-website.md index a97b44d45..b103cfae4 100644 --- a/content/docs/add-react-to-a-website.md +++ b/content/docs/add-react-to-a-website.md @@ -149,7 +149,7 @@ return ( These two code snippets are equivalent. While **JSX is [completely optional](/docs/react-without-jsx.html)**, many people find it helpful for writing UI code -- both with React and with other libraries. -You can play with JSX using [this online converter](https://babeljs.io/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=Q&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&sourceType=module&lineWrap=true&presets=es2015%2Creact%2Cstage-2%2Cstage-3&prettier=true&targets=Node-6.12&version=6.26.0&envVersion=). +You can play with JSX using [this online converter](https://babeljs.io/en/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=DwIwrgLhD2B2AEcDCAbAlgYwNYF4DeAFAJTw4B88EAFmgM4B0tAphAMoQCGETBe86WJgBMAXJQBOYJvAC-RGWQBQ8FfAAyaQYuAB6cFDhkgA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=es2015%2Creact%2Cstage-2&prettier=false&targets=&version=7.4.3). ### Quickly Try JSX {#quickly-try-jsx} From 29fbb990298f40dcd0566d70054f19937b097504 Mon Sep 17 00:00:00 2001 From: shu_numata Date: Wed, 24 Apr 2019 15:41:01 +0900 Subject: [PATCH 11/23] Fix typo reccommended -> recommended (#1879) --- content/community/articles.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/community/articles.md b/content/community/articles.md index 7ac99209e..53586fe30 100644 --- a/content/community/articles.md +++ b/content/community/articles.md @@ -10,7 +10,7 @@ permalink: community/articles.html - [9 things every React.js beginner should know](https://camjackson.net/post/9-things-every-reactjs-beginner-should-know) - Cam Jackson's guide for beginners. - [React "Aha" Moments](https://tylermcginnis.com/react-aha-moments/) - Tyler McGinnis' article on his collection of "Aha" moments with React. - [You're missing the point of React](https://medium.com/@dan_abramov/youre-missing-the-point-of-react-a20e34a51e1a) - Dan Abramov's article about the best parts of React. -- [Timeline for Learning React](https://daveceddia.com/timeline-for-learning-react/) - Dave Ceddia's reccommended timeline for learning React and the React ecosystem. +- [Timeline for Learning React](https://daveceddia.com/timeline-for-learning-react/) - Dave Ceddia's recommended timeline for learning React and the React ecosystem. - [Simple React Development in 2017](https://hackernoon.com/simple-react-development-in-2017-113bd563691f) - Joshua Comeau's guide to showcase how easy it can be to start modern React development. - [React FAQ](https://reactfaq.site/) - An external site with articles that try to answer frequently asked questions about React. - [Visual Guide to State in React](https://daveceddia.com/visual-guide-to-state-in-react/) - Dave Ceddia's visual guide to React state. From 6bc6e7b1411d4befc3ecfbe45b898ca474116020 Mon Sep 17 00:00:00 2001 From: ANOTHER GUY Date: Tue, 23 Apr 2019 23:43:11 -0700 Subject: [PATCH 12/23] Fix the link so that it navigates to anchor rather (#1816) * Fix the link so that it navigates to anchor rather * Update create-a-new-react-app.md --- content/docs/create-a-new-react-app.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md index 8348e8ef8..92799e808 100644 --- a/content/docs/create-a-new-react-app.md +++ b/content/docs/create-a-new-react-app.md @@ -53,7 +53,7 @@ npm start Create React App doesn't handle backend logic or databases; it just creates a frontend build pipeline, so you can use it with any backend you want. Under the hood, it uses [Babel](https://babeljs.io/) and [webpack](https://webpack.js.org/), but you don't need to know anything about them. -When you're ready to deploy to production, running `npm run build` will create an optimized build of your app in the `build` folder. You can learn more about Create React App [from its README](https://github.com/facebookincubator/create-react-app#create-react-app-) and the [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents). +When you're ready to deploy to production, running `npm run build` will create an optimized build of your app in the `build` folder. You can learn more about Create React App [from its README](https://github.com/facebookincubator/create-react-app#create-react-app--) and the [User Guide](https://facebook.github.io/create-react-app/). ### Next.js {#nextjs} From 4244fc646618de6bae934686f93dd04c9000d9ae Mon Sep 17 00:00:00 2001 From: Nat Alison Date: Wed, 24 Apr 2019 13:56:37 -0700 Subject: [PATCH 13/23] Update languages for Ukrainian completion. --- content/languages.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/languages.yml b/content/languages.yml index a7fe36f1f..c8d5cf4df 100644 --- a/content/languages.yml +++ b/content/languages.yml @@ -30,7 +30,7 @@ - name: Greek translated_name: Ελληνικά code: el - status: 0 + status: 1 - name: Spanish translated_name: Español code: es @@ -154,7 +154,7 @@ - name: Ukrainian translated_name: Українська code: uk - status: 1 + status: 2 - name: Urdu translated_name: اردو code: ur From 1ed0ecb98969921a91519135aed983941abdfda5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dante=20Calder=C3=B3n?= Date: Fri, 26 Apr 2019 13:43:02 -0500 Subject: [PATCH 14/23] Open external links in a new Tab (#1380) Add this functionality with gatsby-remark-external-links plugin --- gatsby-config.js | 1 + package.json | 1 + yarn.lock | 81 +++++++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 82 insertions(+), 1 deletion(-) diff --git a/gatsby-config.js b/gatsby-config.js index 456396f92..957c39145 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -55,6 +55,7 @@ module.exports = { maxWidth: 840, }, }, + 'gatsby-remark-external-links', 'gatsby-remark-header-custom-ids', { resolve: 'gatsby-remark-code-repls', diff --git a/package.json b/package.json index 3e255133b..ba61ccc95 100644 --- a/package.json +++ b/package.json @@ -32,6 +32,7 @@ "gatsby-remark-code-repls": "^2.0.0", "gatsby-remark-copy-linked-files": "^2.0.0", "gatsby-remark-embed-snippet": "^3.0.0", + "gatsby-remark-external-links": "^0.0.4", "gatsby-remark-images": "^2.0.0", "gatsby-remark-prismjs": "^3.0.2", "gatsby-remark-responsive-iframe": "^2.0.0", diff --git a/yarn.lock b/yarn.lock index 246285339..fd392c929 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5499,6 +5499,15 @@ gatsby-remark-embed-snippet@^3.0.0: parse-numeric-range "^0.0.2" unist-util-map "^1.0.3" +gatsby-remark-external-links@^0.0.4: + version "0.0.4" + resolved "https://registry.yarnpkg.com/gatsby-remark-external-links/-/gatsby-remark-external-links-0.0.4.tgz#85b98c1e9dacfaa58085319648c904ff3cab42f0" + dependencies: + babel-runtime "^6.26.0" + is-relative-url "^2.0.0" + unist-util-find "^1.0.1" + unist-util-visit "^1.1.3" + gatsby-remark-images@^2.0.0: version "2.0.4" resolved "https://registry.yarnpkg.com/gatsby-remark-images/-/gatsby-remark-images-2.0.4.tgz#29894b85b4181527fa34514fb73218c8e7f89129" @@ -7889,6 +7898,10 @@ lodash.isstring@^4.0.1: resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451" integrity sha1-1SfftUVuynzJu5XV2ur4i6VKVFE= +lodash.iteratee@^4.5.0: + version "4.7.0" + resolved "https://registry.yarnpkg.com/lodash.iteratee/-/lodash.iteratee-4.7.0.tgz#be4177db289a8ccc3c0990f1db26b5b22fc1554c" + lodash.kebabcase@^4.1.1: version "4.1.1" resolved "https://registry.yarnpkg.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36" @@ -7984,6 +7997,10 @@ loglevel@^1.4.1: resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.1.tgz#e0fc95133b6ef276cdc8887cdaf24aa6f156f8fa" integrity sha1-4PyVEztu8nbNyIh82vJKpvFW+Po= +longest-streak@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-1.0.0.tgz#d06597c4d4c31b52ccb1f5d8f8fe7148eafd6965" + longest-streak@^2.0.1: version "2.0.2" resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.2.tgz#2421b6ba939a443bb9ffebf596585a50b4c38e2e" @@ -8105,6 +8122,10 @@ markdown-escapes@^1.0.0: resolved "https://registry.yarnpkg.com/markdown-escapes/-/markdown-escapes-1.0.2.tgz#e639cbde7b99c841c0bacc8a07982873b46d2122" integrity sha512-lbRZ2mE3Q9RtLjxZBZ9+IMl68DKIXaVAhwvwn9pmjnPLS0h/6kyBMgNhqi1xFJ/2yv6cSyv0jbiZavZv93JkkA== +markdown-table@^0.4.0: + version "0.4.0" + resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-0.4.0.tgz#890c2c1b3bfe83fb00e4129b8e4cfe645270f9d1" + markdown-table@^1.1.0: version "1.1.2" resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-1.1.2.tgz#c78db948fa879903a41bce522e3b96f801c63786" @@ -8967,7 +8988,7 @@ on-headers@~1.0.1: resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.1.tgz#928f5d0f470d49342651ea6794b0857c100693f7" integrity sha1-ko9dD0cNSTQmUepnlLCFfBAGk/c= -once@^1.3.0, once@^1.3.1, once@^1.4.0: +once@^1.3.0, once@^1.3.1, once@^1.3.3, once@^1.4.0: version "1.4.0" resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1" integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E= @@ -10588,6 +10609,20 @@ relay-runtime@1.5.0: babel-runtime "^6.23.0" fbjs "^0.8.14" +remark-parse@^1.1.0: + version "1.1.0" + resolved "http://registry.npmjs.org/remark-parse/-/remark-parse-1.1.0.tgz#c3ca10f9a8da04615c28f09aa4e304510526ec21" + dependencies: + collapse-white-space "^1.0.0" + extend "^3.0.0" + parse-entities "^1.0.2" + repeat-string "^1.5.4" + trim "0.0.1" + trim-trailing-lines "^1.0.0" + unherit "^1.0.4" + unist-util-remove-position "^1.0.0" + vfile-location "^2.0.0" + remark-parse@^5.0.0: version "5.0.0" resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-5.0.0.tgz#4c077f9e499044d1d5c13f80d7a98cf7b9285d95" @@ -10616,6 +10651,19 @@ remark-retext@^3.1.0: dependencies: mdast-util-to-nlcst "^3.2.0" +remark-stringify@^1.1.0: + version "1.1.0" + resolved "http://registry.npmjs.org/remark-stringify/-/remark-stringify-1.1.0.tgz#a7105e25b9ee2bf9a49b75d2c423f11b06ae2092" + dependencies: + ccount "^1.0.0" + extend "^3.0.0" + longest-streak "^1.0.0" + markdown-table "^0.4.0" + parse-entities "^1.0.2" + repeat-string "^1.5.4" + stringify-entities "^1.0.1" + unherit "^1.0.4" + remark-stringify@^5.0.0: version "5.0.0" resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-5.0.0.tgz#336d3a4d4a6a3390d933eeba62e8de4bd280afba" @@ -10636,6 +10684,14 @@ remark-stringify@^5.0.0: unherit "^1.0.4" xtend "^4.0.1" +remark@^5.0.1: + version "5.1.0" + resolved "http://registry.npmjs.org/remark/-/remark-5.1.0.tgz#cb463bd3dbcb4b99794935eee1cf71d7a8e3068c" + dependencies: + remark-parse "^1.1.0" + remark-stringify "^1.1.0" + unified "^4.1.1" + remark@^9.0.0: version "9.0.0" resolved "https://registry.yarnpkg.com/remark/-/remark-9.0.0.tgz#c5cfa8ec535c73a67c4b0f12bfdbd3a67d8b2f60" @@ -12328,6 +12384,17 @@ unicode-property-aliases-ecmascript@^1.0.4: resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.4.tgz#5a533f31b4317ea76f17d807fa0d116546111dd0" integrity sha512-2WSLa6OdYd2ng8oqiGIWnJqyFArvhn+5vgx5GTxMbUYjCYKUcuKS62YLFF0R/BDGlB1yzXjQOLtPAfHsgirEpg== +unified@^4.1.1: + version "4.2.1" + resolved "http://registry.npmjs.org/unified/-/unified-4.2.1.tgz#76ff43aa8da430f6e7e4a55c84ebac2ad2cfcd2e" + dependencies: + bail "^1.0.0" + extend "^3.0.0" + has "^1.0.1" + once "^1.3.3" + trough "^1.0.0" + vfile "^1.0.0" + unified@^6.0.0, unified@^6.1.5: version "6.2.0" resolved "https://registry.yarnpkg.com/unified/-/unified-6.2.0.tgz#7fbd630f719126d67d40c644b7e3f617035f6dba" @@ -12396,6 +12463,14 @@ unist-builder@^1.0.1: dependencies: object-assign "^4.1.0" +unist-util-find@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/unist-util-find/-/unist-util-find-1.0.1.tgz#1062bbb6928c7a97c6adc89b53745d4c46c222a2" + dependencies: + lodash.iteratee "^4.5.0" + remark "^5.0.1" + unist-util-visit "^1.1.0" + unist-util-generated@^1.1.0: version "1.1.2" resolved "https://registry.yarnpkg.com/unist-util-generated/-/unist-util-generated-1.1.2.tgz#8b993f9239d8e560be6ee6e91c3f7b7208e5ce25" @@ -12686,6 +12761,10 @@ vfile-message@^1.0.0: dependencies: unist-util-stringify-position "^1.1.1" +vfile@^1.0.0: + version "1.4.0" + resolved "http://registry.npmjs.org/vfile/-/vfile-1.4.0.tgz#c0fd6fa484f8debdb771f68c31ed75d88da97fe7" + vfile@^2.0.0: version "2.3.0" resolved "https://registry.yarnpkg.com/vfile/-/vfile-2.3.0.tgz#e62d8e72b20e83c324bc6c67278ee272488bf84a" From 4daa36b293506df72ad1262986e830d5524baaa9 Mon Sep 17 00:00:00 2001 From: Eric Date: Fri, 26 Apr 2019 15:26:58 -0400 Subject: [PATCH 15/23] adds React Boston 2019 to conference page (#1948) * add React Boston 2019 to conference page * add massachusetts to react-boston listing --- content/community/conferences.md | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/content/community/conferences.md b/content/community/conferences.md index e8e727ee7..0f635a39d 100644 --- a/content/community/conferences.md +++ b/content/community/conferences.md @@ -72,6 +72,11 @@ September 13th, 2019. New York, USA [Website](https://reactnewyork.com/) - [Twitter](https://twitter.com/reactnewyork) +### React Boston 2019 {#react-boston-2019} +September 21-22, 2019 in Boston, Massachusetts USA + +[Website](https://www.reactboston.com/) - [Twitter](https://twitter.com/reactboston) + ### React India 2019 {#react-india-2019} September 26-28, 2019 in Goa, India @@ -379,4 +384,4 @@ April 4-5, 2019 in Kraków, Poland ### React Amsterdam 2019 {#react-amsterdam-2019} April 12, 2019 in Amsterdam, The Netherlands -[Website](https://react.amsterdam) - [Twitter](https://twitter.com/reactamsterdam) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences) \ No newline at end of file +[Website](https://react.amsterdam) - [Twitter](https://twitter.com/reactamsterdam) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences) From c06813cd37f9efd72d6bee17c8b7e6ef190ba781 Mon Sep 17 00:00:00 2001 From: Soroush Torkzadeh Date: Sat, 27 Apr 2019 11:54:02 +0430 Subject: [PATCH 16/23] Resolve the sync conflicts --- content/docs/reference-react.md | 6 +----- src/pages/index.js | 5 ----- 2 files changed, 1 insertion(+), 10 deletions(-) diff --git a/content/docs/reference-react.md b/content/docs/reference-react.md index 118ceb7e1..3e2a2a918 100644 --- a/content/docs/reference-react.md +++ b/content/docs/reference-react.md @@ -198,11 +198,7 @@ React.cloneElement( React.createFactory(type) ``` -<<<<<<< HEAD -یک تابع برمی‌گرداند که المنت‌های ری‌اکت با نوع داده شده را تولید می‌کند. مثل [`()React.createElement`](#createElement)، آرگومان نوع داده شده می‌تواند رشته‌ی نام یک تگ (مثل `'div'` یا `'span'`)، یک نوع [کامپوننت ری‌اکت](/docs/components-and-props.html) (کلاس یا تابع)، یا یک نوع [فرگمنت ری‌اکت](#reactfragment) باشد. -======= -Return a function that produces React elements of a given type. Like [`React.createElement()`](#createelement), the type argument can be either a tag name string (such as `'div'` or `'span'`), a [React component](/docs/components-and-props.html) type (a class or a function), or a [React fragment](#reactfragment) type. ->>>>>>> 6bc6e7b1411d4befc3ecfbe45b898ca474116020 +یک تابع برمی‌گرداند که المنت‌های ری‌اکت با نوع داده شده را تولید می‌کند. مثل [`()React.createElement`](#createelement)، آرگومان نوع داده شده می‌تواند رشته‌ی نام یک تگ (مثل `'div'` یا `'span'`)، یک نوع [کامپوننت ری‌اکت](/docs/components-and-props.html) (کلاس یا تابع)، یا یک نوع [فرگمنت ری‌اکت](#reactfragment) باشد. این helper یک نوع قدیمی(legacy) محسوب می‌شود و ما شما را تشویق می‌کنیم که به صورت مستقیم از `React.createElement()` یا JSX استفاده کنید. diff --git a/src/pages/index.js b/src/pages/index.js index 4115ebafb..07a26575b 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -330,17 +330,12 @@ const CtaItem = ({children, primary = false}) => ( }, '&:first-child': { -<<<<<<< HEAD textAlign: 'left', - paddingLeft: 15, -======= - textAlign: 'right', paddingRight: 7, paddingLeft: 7, [media.lessThan('small')]: { marginBottom: 10, }, ->>>>>>> 6bc6e7b1411d4befc3ecfbe45b898ca474116020 }, '&:nth-child(2)': { From 3bf940ce59e7c9de45e827c5a57713e3236c1c2c Mon Sep 17 00:00:00 2001 From: Soroush Torkzadeh Date: Sat, 27 Apr 2019 12:11:07 +0430 Subject: [PATCH 17/23] Resolve the sync conflicts This conflict has been resolved in PR#54 before --- content/docs/reference-react.md | 6 +----- src/pages/index.js | 5 ----- 2 files changed, 1 insertion(+), 10 deletions(-) diff --git a/content/docs/reference-react.md b/content/docs/reference-react.md index f1b60736a..3e2a2a918 100644 --- a/content/docs/reference-react.md +++ b/content/docs/reference-react.md @@ -198,11 +198,7 @@ React.cloneElement( React.createFactory(type) ``` -<<<<<<< HEAD -یک تابع برمی‌گرداند که المنت‌های ری‌اکت با نوع داده شده را تولید می‌کند. مثل [`()React.createElement`](#createElement)، آرگومان نوع داده شده می‌تواند رشته‌ی نام یک تگ (مثل `'div'` یا `'span'`)، یک نوع [کامپوننت ری‌اکت](/docs/components-and-props.html) (کلاس یا تابع)، یا یک نوع [فرگمنت ری‌اکت](#reactfragment) باشد. -======= -Return a function that produces React elements of a given type. Like [`React.createElement()`](#createelement), the type argument can be either a tag name string (such as `'div'` or `'span'`), a [React component](/docs/components-and-props.html) type (a class or a function), or a [React fragment](#reactfragment) type. ->>>>>>> 4244fc646618de6bae934686f93dd04c9000d9ae +یک تابع برمی‌گرداند که المنت‌های ری‌اکت با نوع داده شده را تولید می‌کند. مثل [`()React.createElement`](#createelement)، آرگومان نوع داده شده می‌تواند رشته‌ی نام یک تگ (مثل `'div'` یا `'span'`)، یک نوع [کامپوننت ری‌اکت](/docs/components-and-props.html) (کلاس یا تابع)، یا یک نوع [فرگمنت ری‌اکت](#reactfragment) باشد. این helper یک نوع قدیمی(legacy) محسوب می‌شود و ما شما را تشویق می‌کنیم که به صورت مستقیم از `React.createElement()` یا JSX استفاده کنید. diff --git a/src/pages/index.js b/src/pages/index.js index f3fa22737..07a26575b 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -330,17 +330,12 @@ const CtaItem = ({children, primary = false}) => ( }, '&:first-child': { -<<<<<<< HEAD textAlign: 'left', - paddingLeft: 15, -======= - textAlign: 'right', paddingRight: 7, paddingLeft: 7, [media.lessThan('small')]: { marginBottom: 10, }, ->>>>>>> 4244fc646618de6bae934686f93dd04c9000d9ae }, '&:nth-child(2)': { From 066479b69a63c0ec3b1fcc20aff5f318f4d8f4ca Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 27 Apr 2019 22:13:12 +0300 Subject: [PATCH 18/23] Generate ids for new headers --- content/community/conferences.md | 6 +++--- content/docs/hooks-faq.md | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/content/community/conferences.md b/content/community/conferences.md index 0f635a39d..c3ffbfdbb 100644 --- a/content/community/conferences.md +++ b/content/community/conferences.md @@ -17,7 +17,7 @@ April 24-26 in Helsinki, Finland [Website](https://react-finland.fi/) - [Twitter](https://twitter.com/ReactFinland) -### ReactJS Girls Conference +### ReactJS Girls Conference {#reactjs-girls-conference} May 3, 2019 in London, UK [Website](https://reactjsgirls.com/) - [Twitter](https://twitter.com/reactjsgirls) @@ -47,12 +47,12 @@ June 21, 2019 Chicago, Illinois USA [Website](https://reactloop.com) - [Twitter](https://twitter.com/ReactLoop) -### Chain React 2019 +### Chain React 2019 {#chain-react-2019} July 11-12, 2019. Portland, OR, USA. [Website](https://infinite.red/ChainReactConf) -### React Rally 2019 +### React Rally 2019 {#react-rally-2019} August 22-23, 2019. Salt Lake City, USA. [Website](https://www.reactrally.com/) - [Twitter](https://twitter.com/ReactRally) - [Instagram](https://www.instagram.com/reactrally/) diff --git a/content/docs/hooks-faq.md b/content/docs/hooks-faq.md index 7d2953293..b49e0d18c 100644 --- a/content/docs/hooks-faq.md +++ b/content/docs/hooks-faq.md @@ -209,7 +209,7 @@ There are a few more heuristics, and they might change over time as we fine-tune * `componentDidCatch` and `getDerivedStateFromError`: There are no Hook equivalents for these methods yet, but they will be added soon. -### How can I do data fetching with Hooks? +### How can I do data fetching with Hooks? {#how-can-i-do-data-fetching-with-hooks} Here is a [small demo](https://codesandbox.io/s/jvvkoo8pq3) to get you started. To learn more, check out [this article](https://www.robinwieruch.de/react-hooks-fetch-data/) about data fetching with Hooks. @@ -654,7 +654,7 @@ function ProductDetails({ fetchProduct }) Note that in the above example we **need** to keep the function in the dependencies list. This ensures that a change in the `productId` prop of `ProductPage` automatically triggers a refetch in the `ProductDetails` component. -### What can I do if my effect dependencies change too often? +### What can I do if my effect dependencies change too often? {#what-can-i-do-if-my-effect-dependencies-change-too-often} Sometimes, your effect may be using reading state that changes too often. You might be tempted to omit that state from a list of dependencies, but that usually leads to bugs: From 0097b38994b5f263938ef960b218e46f9563dca4 Mon Sep 17 00:00:00 2001 From: Abdelrahman Rifai Date: Sat, 27 Apr 2019 21:20:14 +0200 Subject: [PATCH 19/23] Fix anchor link offset with fixed header (#1914) * Fix anchor link offset with fixed header * handle h3 too * h4 as an anchor * don't affect UI by any means * no need for px * more fixes * consistency * more consistency * pixel perfection * fix h4 after gatsby-highlight * final touch --- src/theme.js | 52 +++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 43 insertions(+), 9 deletions(-) diff --git a/src/theme.js b/src/theme.js index 8d0c2735f..a89e7d78d 100644 --- a/src/theme.js +++ b/src/theme.js @@ -285,15 +285,24 @@ const sharedStyles = { }, '& h2': { - borderTop: `1px solid ${colors.divider}`, - marginTop: 44, - paddingTop: 40, + '::before': { + content: ' ', + display: 'block', + borderBottom: `1px solid ${colors.divider}`, + paddingTop: 44, + marginBottom: 40, + }, + lineHeight: 1.2, ':first-child': { - borderTop: 0, - marginTop: 0, - paddingTop: 0, + '::before': { + content: ' ', + display: 'block', + borderBottom: 0, + paddingTop: 40, + marginTop: -80, + }, }, [media.lessThan('large')]: { @@ -310,7 +319,12 @@ const sharedStyles = { }, '& h3': { - paddingTop: 45, + '::before': { + content: ' ', + display: 'block', + paddingTop: 90, + marginTop: -45, + }, [media.lessThan('small')]: { overflowWrap: 'break-word', @@ -324,14 +338,25 @@ const sharedStyles = { }, '& h2 + h3, & h2 + h3:first-of-type': { - paddingTop: 30, + '::before': { + content: ' ', + display: 'block', + paddingTop: 60, + marginTop: -30, + }, }, '& h4': { + '::before': { + content: ' ', + display: 'block', + paddingTop: 100, + marginTop: -50, + }, + fontSize: 20, color: colors.subtle, lineHeight: 1.3, - marginTop: 50, fontWeight: 400, }, @@ -414,6 +439,15 @@ const sharedStyles = { '& .gatsby-highlight + blockquote': { marginTop: 40, }, + + '& .gatsby-highlight + h4': { + '::before': { + content: ' ', + display: 'block', + paddingTop: 85, + marginTop: -60, + }, + }, }, }; From 8c39db7f07c230277397ba5a4cc0f7a327108145 Mon Sep 17 00:00:00 2001 From: 0xnoob <49793844+0xnoob@users.noreply.github.com> Date: Sun, 28 Apr 2019 22:36:09 +0200 Subject: [PATCH 20/23] Broken anchor link in Advanced Concepts. (#1951) The link should probably either go to directly to the beginning of main concepts (which is what my proposes change does), or to the anchor -tag of "Step-by-Step Guide" (#step-by-step-guide). There is no other link in the article which refers to another anchor-tag, that's why I chose to directly link to the main-concepts. --- content/docs/getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 672a1812b..a6384d3f5 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -99,7 +99,7 @@ Sometimes people find third-party books and video courses more helpful than the ### Advanced Concepts {#advanced-concepts} -Once you're comfortable with the [main concepts](#main-concepts) and played with React a little bit, you might be interested in more advanced topics. This section will introduce you to the powerful, but less commonly used React features like [context](/docs/context.html) and [refs](/docs/refs-and-the-dom.html). +Once you're comfortable with the [main concepts](/docs/hello-world.html) and played with React a little bit, you might be interested in more advanced topics. This section will introduce you to the powerful, but less commonly used React features like [context](/docs/context.html) and [refs](/docs/refs-and-the-dom.html). ### API Reference {#api-reference} From b8b3db7acbba117addeea8a7fb86957eb046d7ce Mon Sep 17 00:00:00 2001 From: Nat Alison Date: Sun, 28 Apr 2019 21:18:29 -0700 Subject: [PATCH 21/23] Update languages.yml for Polish completion Also add Mongolian and Catalan. --- content/languages.yml | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/content/languages.yml b/content/languages.yml index c8d5cf4df..3919bb503 100644 --- a/content/languages.yml +++ b/content/languages.yml @@ -23,6 +23,10 @@ translated_name: বাংলা code: bn status: 0 +- name: Catalan + translated_name: Català + code: ca + status: 0 - name: German translated_name: Deutsch code: de @@ -99,6 +103,10 @@ translated_name: മലയാളം code: ml status: 0 +- name: Mongolian + translated_name: Монгол хэл + code: mn + status: 0 - name: Nepali translated_name: नेपाली code: ne @@ -110,7 +118,7 @@ - name: Polish translated_name: Polski code: pl - status: 1 + status: 2 - name: Portuguese (Brazil) translated_name: Português do Brasil code: pt-br From b1691780aa3178d39694264863210d34ad5a5f81 Mon Sep 17 00:00:00 2001 From: 0xnoob <49793844+0xnoob@users.noreply.github.com> Date: Fri, 3 May 2019 14:05:10 +0200 Subject: [PATCH 22/23] previous page link not linking to previous page, but to the second last. (#1959) * previous page link is not linking to the previous page, but to the second last. The example code is on both, the `Introducing Hooks` as well as `Hooks at a Glance` page, but the linked page is the `Introducing Hooks` and I think that's the right one (the `Hooks at a Glance` page probably got added later?). Not sure about the phrasing so, having "introduce" twice in one sentence ... * Update content/docs/hooks-state.md Co-Authored-By: 0xnoob <49793844+0xnoob@users.noreply.github.com> Co-authored-by: Alexey Pyltsyn --- content/docs/hooks-state.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hooks-state.md b/content/docs/hooks-state.md index 052aecb33..0b4d15b65 100644 --- a/content/docs/hooks-state.md +++ b/content/docs/hooks-state.md @@ -8,7 +8,7 @@ prev: hooks-overview.html *Hooks* are a new addition in React 16.8. They let you use state and other React features without writing a class. -The [previous page](/docs/hooks-intro.html) introduced Hooks with this example: +The [introduction page](/docs/hooks-intro.html) used this example to get familiar with Hooks: ```js{4-5} import React, { useState } from 'react'; From ad6687e25e021b79e8a7a2e071fd846cf657b71f Mon Sep 17 00:00:00 2001 From: Dan Abramov Date: Mon, 6 May 2019 03:05:28 +0100 Subject: [PATCH 23/23] Simplify the observer example --- content/docs/hooks-faq.md | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/content/docs/hooks-faq.md b/content/docs/hooks-faq.md index b49e0d18c..ce6bce3d8 100644 --- a/content/docs/hooks-faq.md +++ b/content/docs/hooks-faq.md @@ -809,13 +809,10 @@ function Image(props) { // ✅ IntersectionObserver is created lazily once function getObserver() { - let observer = ref.current; - if (observer !== null) { - return observer; + if (ref.current === null) { + ref.current = new IntersectionObserver(onIntersect); } - let newObserver = new IntersectionObserver(onIntersect); - ref.current = newObserver; - return newObserver; + return ref.current; } // When you need it, call getObserver()