From 90316b6802b6befd59d30a6cad64fcfca4aef4cb Mon Sep 17 00:00:00 2001 From: matlae-ugly <60477489+matlae-ugly@users.noreply.github.com> Date: Mon, 6 Apr 2020 18:57:16 +0300 Subject: [PATCH 01/11] Link fix (#2885) Update href on free course named Glitch: React Starter Kit --- content/community/courses.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/community/courses.md b/content/community/courses.md index 47e33eccf..f8b775de3 100644 --- a/content/community/courses.md +++ b/content/community/courses.md @@ -8,7 +8,7 @@ permalink: community/courses.html ## Free Courses {#free-courses} -- [Glitch: React Starter Kit](https://glitch.com/culture/react-starter-kit/) - A free, 5-part video course with interactive code examples that will help you learn React. +- [Glitch: React Starter Kit](https://glitch.com/glimmer/post/react-starter-kit/) - A free, 5-part video course with interactive code examples that will help you learn React. - [Codecademy: React 101](https://www.codecademy.com/learn/react-101) - Codecademy's introductory course for React. From 12bae06313ebd43e4f3241a0a7a5d46025cb59a8 Mon Sep 17 00:00:00 2001 From: mattc41190 Date: Tue, 7 Apr 2020 02:27:54 -0500 Subject: [PATCH 02/11] Minor grammar fix (#2881) --- content/docs/testing.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/testing.md b/content/docs/testing.md index 5bccd1fc4..b8e242d9f 100644 --- a/content/docs/testing.md +++ b/content/docs/testing.md @@ -14,7 +14,7 @@ There are a few ways to test React components. Broadly, they divide into two cat * **Rendering component trees** in a simplified test environment and asserting on their output. * **Running a complete app** in a realistic browser environment (also known as “end-to-end” tests). -This documentation section focuses on testing strategies for the first case. While full end-to-end tests can be very useful to prevent regressions to important workflows, such tests are not concerned with React components in particular, and are out of scope of this section. +This documentation section focuses on testing strategies for the first case. While full end-to-end tests can be very useful to prevent regressions to important workflows, such tests are not concerned with React components in particular, and are out of the scope of this section. ### Tradeoffs {#tradeoffs} From 562bf36aedd91b4c57675d3b5d10084212033458 Mon Sep 17 00:00:00 2001 From: Sunil Pai Date: Tue, 7 Apr 2020 13:41:12 +0100 Subject: [PATCH 03/11] Remove Sunil from team page (#2887) Removes Sunil from the team, and move to acknowledgements. I also moved Sasha so it's sorted correctly --- content/community/team.md | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/content/community/team.md b/content/community/team.md index 3cb4bad95..7aa039765 100644 --- a/content/community/team.md +++ b/content/community/team.md @@ -78,14 +78,6 @@ Rachel wrote a [book about UI animation](https://abookapart.com/products/animati Sebastian majored in psychology. He's usually quiet. Even when he says something, it often doesn't make sense to the rest of us until a few months later. The correct way to pronounce his surname is "mark-boa-geh" but he settled for "mark-beige" out of pragmatism -- and that's how he approaches React. -### Sunil Pai {#sunil-pai} - -![Sunil](../images/team/threepointone.jpg) - -[@threepointone on GitHub](https://github.com/threepointone) · [@threepointone on Twitter](https://twitter.com/threepointone) - -Sunil started writing JavaScript for IE6 and still has some regrets about it. He worked in consulting, design, and product firms, before joining the React team to help others do the same. Sunil plays a blue Les Paul guitar, loves London, and would appreciate a response to his last ping, please and thank you! - ### Yuzhi Zheng {#yuzhi-zheng} ![Yuzhi](../images/team/yuzhi.jpg) @@ -124,9 +116,10 @@ React was originally created by [Jordan Walke](https://github.com/jordwalke). To * [Pete Hunt](https://github.com/petehunt) * [Philipp Spiess](https://github.com/philipp-spiess) * [Sander Spies](https://github.com/sanderspies) +* [Sasha Aickin](https://github.com/aickin) * [Sophia Shoemaker](https://github.com/mrscobbler) * [Sophie Alpert](https://github.com/sophiebits) -* [Sasha Aickin](https://github.com/aickin) +* [Sunil Pai](https://github.com/threepointone) * [Tim Yung](https://github.com/yungsters) This list is not exhaustive. From 1455434d71ab050998a01f183fe5db03573b2b3c Mon Sep 17 00:00:00 2001 From: Dan Abramov Date: Wed, 8 Apr 2020 14:56:31 +0100 Subject: [PATCH 04/11] Trim down examples (#2891) --- content/community/examples.md | 23 +++++++---------------- 1 file changed, 7 insertions(+), 16 deletions(-) diff --git a/content/community/examples.md b/content/community/examples.md index 3a5ccaa67..67d0af3dd 100644 --- a/content/community/examples.md +++ b/content/community/examples.md @@ -6,24 +6,15 @@ sectionid: community permalink: community/examples.html --- -There are many example projects created by the React community. Feel free to add your own project. If you add a project, please commit to keeping it up to date with the latest versions of React. +There are many example projects created by the React community. If you add a project, please commit to keeping it up to date with the latest versions of React. +## Small Examples -* **[Zeldog](https://yannsainty.github.io/Zeldog/)** A Zelda like game with a dog fighting ducks and more to eat pizza ! * **[Calculator](https://github.com/ahfarmer/calculator)** Implementation of the iOS calculator built in React -* **[Emoji Search](https://github.com/ahfarmer/emoji-search)** Simple React app for searching emoji -* **[React Powered Hacker News Client](https://github.com/insin/react-hn)** A React & `react-router`-powered implementation of Hacker News using its Firebase API -* **[Pokedex](https://github.com/alik0211/pokedex)** The list of Pokémon with live search -* **[Shopping Cart](https://github.com/jeffersonRibeiro/react-shopping-cart)** Simple e-commerce cart application built using React -* **[Progressive Web Tetris](https://github.com/skidding/flatris)** Besides a beautiful, mobile-friendly implementation of Tetris, this project is a playground for integrating and experimenting with web technologies. -* **[Product Comparison Page](https://github.com/Rhymond/product-compare-react)** Simple Product Compare page built in React +* **[Emoji Search](https://github.com/ahfarmer/emoji-search)** React app for searching emoji +* **[BMI Calculator](https://github.com/GermaVinsmoke/bmi-calculator)** A React Hooks app for calculating BMI + +## Complete Apps + * **[Hacker News Clone React/GraphQL](https://github.com/clintonwoo/hackernews-react-graphql)** Hacker News clone rewritten with universal JavaScript, using React and GraphQL -* **[Bitcoin Price Index](https://github.com/mrkjlchvz/bitcoin-price-index)** Simple Bitcoin price index data from CoinDesk API * **[Builder Book](https://github.com/builderbook/builderbook)** Open-source web app to write and host documentation or sell books. Built with React, Material-UI, Next, Express, Mongoose, MongoDB. -* **[GFonts Space](https://github.com/pankajladhar/GFontsSpace)** A space which allows user to play with Google fonts. Built with React, Redux and React-Router. -* **[Course Learn Page](https://github.com/ulearnpro/ulearn)** Open Source LMS script in Laravel 5.8 and ReactJS 16.9 -* **[Speedy math](https://github.com/pankajladhar/speedy-math)** An application which allows kids to practice basic Mathematics i.e Addition, Subtraction, Multiply, Comparison. It is a PWA (Progressive web app) with offline support and install as App features. -* **[Unit Converter](https://github.com/KarthikeyanRanasthala/react-unit-converter)** Minimal Yet Responsive Unit Converter Built With React, Material-UI & Convert-Units. -* **[BMI Calculator](https://github.com/GermaVinsmoke/bmi-calculator)** A React Hooks app for calculating BMI -* **[ReactJS Hangman Game](https://github.com/vetrivelcsamy/reactjs-hangman)** ReactJS Hangman Game Find a Programming Language. -* **[Radix Converter](https://github.com/kumom/radix-converter)** A small tool that converts numbers in radix 2 to 36 with arbitrary precision. From 17d028b40b94c03e09e02ce384cf2f6daf3dfa31 Mon Sep 17 00:00:00 2001 From: Harmanpreet Singh Date: Wed, 8 Apr 2020 16:01:40 +0200 Subject: [PATCH 05/11] react tutorial solutions added to examples page (#1399) Co-authored-by: Dan Abramov --- content/community/examples.md | 1 + 1 file changed, 1 insertion(+) diff --git a/content/community/examples.md b/content/community/examples.md index 67d0af3dd..24e911fcb 100644 --- a/content/community/examples.md +++ b/content/community/examples.md @@ -13,6 +13,7 @@ There are many example projects created by the React community. If you add a pro * **[Calculator](https://github.com/ahfarmer/calculator)** Implementation of the iOS calculator built in React * **[Emoji Search](https://github.com/ahfarmer/emoji-search)** React app for searching emoji * **[BMI Calculator](https://github.com/GermaVinsmoke/bmi-calculator)** A React Hooks app for calculating BMI +* **[React Tutorial Solutions](https://github.com/harman052/react-tutorial-solutions)** Solutions to challenges mentioned at the end of React tutorial. ## Complete Apps From 05585957fc3e57636561ff85e36b8ae7bb327381 Mon Sep 17 00:00:00 2001 From: Rahul Pandey <51570050+RaulB-masai@users.noreply.github.com> Date: Wed, 8 Apr 2020 19:41:10 +0530 Subject: [PATCH 06/11] Update examples.md with React Image Compressor (#2559) Co-authored-by: Dan Abramov --- content/community/examples.md | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/content/community/examples.md b/content/community/examples.md index 24e911fcb..6ca7d3a55 100644 --- a/content/community/examples.md +++ b/content/community/examples.md @@ -6,16 +6,19 @@ sectionid: community permalink: community/examples.html --- -There are many example projects created by the React community. If you add a project, please commit to keeping it up to date with the latest versions of React. +There are many example projects created by the React community. We're keeping this page focused on the ones that use React without third-party state management libraries. + +If you add a project, please commit to keeping it up to date with the latest versions of React. ## Small Examples * **[Calculator](https://github.com/ahfarmer/calculator)** Implementation of the iOS calculator built in React * **[Emoji Search](https://github.com/ahfarmer/emoji-search)** React app for searching emoji * **[BMI Calculator](https://github.com/GermaVinsmoke/bmi-calculator)** A React Hooks app for calculating BMI -* **[React Tutorial Solutions](https://github.com/harman052/react-tutorial-solutions)** Solutions to challenges mentioned at the end of React tutorial. +* **[React Image Compressor](https://github.com/RaulB-masai/react-image-compressor)** An offline image compressor built with React and browser-image-compression +* **[React Tutorial Solutions](https://github.com/harman052/react-tutorial-solutions)** Solutions to challenges mentioned at the end of React tutorial ## Complete Apps * **[Hacker News Clone React/GraphQL](https://github.com/clintonwoo/hackernews-react-graphql)** Hacker News clone rewritten with universal JavaScript, using React and GraphQL -* **[Builder Book](https://github.com/builderbook/builderbook)** Open-source web app to write and host documentation or sell books. Built with React, Material-UI, Next, Express, Mongoose, MongoDB. +* **[Builder Book](https://github.com/builderbook/builderbook)** Open-source web app to write and host documentation or sell books. Built with React, Material-UI, Next, Express, Mongoose, MongoDB From 8c4390960fdf8d33a4d67a23fd6777c606439a5b Mon Sep 17 00:00:00 2001 From: Arnab Datta Date: Wed, 8 Apr 2020 21:25:04 +0530 Subject: [PATCH 07/11] My small react counter application added (#1912) This is a very basic app but useful to understand the React Components, states, Data Flow, parent to child etc. . Co-authored-by: Dan Abramov --- content/community/examples.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/content/community/examples.md b/content/community/examples.md index 6ca7d3a55..aa4f6604d 100644 --- a/content/community/examples.md +++ b/content/community/examples.md @@ -15,8 +15,9 @@ If you add a project, please commit to keeping it up to date with the latest ver * **[Calculator](https://github.com/ahfarmer/calculator)** Implementation of the iOS calculator built in React * **[Emoji Search](https://github.com/ahfarmer/emoji-search)** React app for searching emoji * **[BMI Calculator](https://github.com/GermaVinsmoke/bmi-calculator)** A React Hooks app for calculating BMI -* **[React Image Compressor](https://github.com/RaulB-masai/react-image-compressor)** An offline image compressor built with React and browser-image-compression -* **[React Tutorial Solutions](https://github.com/harman052/react-tutorial-solutions)** Solutions to challenges mentioned at the end of React tutorial +* **[Image Compressor](https://github.com/RaulB-masai/react-image-compressor)** An offline image compressor built with React and browser-image-compression +* **[Counter App](https://github.com/arnab-datta/counter-app)** A small shopping cart example +* **[Tutorial Solutions](https://github.com/harman052/react-tutorial-solutions)** Solutions to challenges mentioned at the end of React tutorial ## Complete Apps From af34294227fd6335a8ce394a276f350f724f0d93 Mon Sep 17 00:00:00 2001 From: Dan Abramov Date: Wed, 8 Apr 2020 17:11:15 +0100 Subject: [PATCH 08/11] Add Snap Shot to Examples (#2737) --- content/community/examples.md | 1 + 1 file changed, 1 insertion(+) diff --git a/content/community/examples.md b/content/community/examples.md index aa4f6604d..d8238e38e 100644 --- a/content/community/examples.md +++ b/content/community/examples.md @@ -14,6 +14,7 @@ If you add a project, please commit to keeping it up to date with the latest ver * **[Calculator](https://github.com/ahfarmer/calculator)** Implementation of the iOS calculator built in React * **[Emoji Search](https://github.com/ahfarmer/emoji-search)** React app for searching emoji +* **[Snap Shot](https://github.com/Yog9/SnapShot)** A photo gallery with search * **[BMI Calculator](https://github.com/GermaVinsmoke/bmi-calculator)** A React Hooks app for calculating BMI * **[Image Compressor](https://github.com/RaulB-masai/react-image-compressor)** An offline image compressor built with React and browser-image-compression * **[Counter App](https://github.com/arnab-datta/counter-app)** A small shopping cart example From ac2ecb39d63748e8e97f2ff64c91fa21ff2010e7 Mon Sep 17 00:00:00 2001 From: Andreas Keller Date: Wed, 8 Apr 2020 18:16:51 +0200 Subject: [PATCH 09/11] Add awesomereact.com to external resources (#481) Co-authored-by: Dan Abramov --- content/community/external-resources.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/content/community/external-resources.md b/content/community/external-resources.md index d30064fef..a255fff46 100644 --- a/content/community/external-resources.md +++ b/content/community/external-resources.md @@ -18,4 +18,6 @@ There are many wonderful curated resources the React community has put together. - [Awesome React Talks](https://github.com/tiaanduplessis/awesome-react-talks) - A curated list of React talks. +- [Awesome React Videos](https://www.awesomereact.com) - A website highlighting the best React videos. + - [Hero35 React Hub](https://hero35.com/topic/react) - A website with _all_ React conferences and talks, categorized & curated. From b3c7f041586b71b31f556403426fcd7cab342535 Mon Sep 17 00:00:00 2001 From: Robert Haritonov Date: Thu, 9 Apr 2020 19:08:34 +0100 Subject: [PATCH 10/11] Update React Summit, React Advanced, React Day Berlin (#2899) --- content/community/conferences.md | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/content/community/conferences.md b/content/community/conferences.md index ece651478..6ed44063e 100644 --- a/content/community/conferences.md +++ b/content/community/conferences.md @@ -17,10 +17,10 @@ March 30 - 31, 2020 in San Francisco, CA [Website](https://www.reactathon.com) - [Twitter](https://twitter.com/reactathon) - [Facebook](https://www.facebook.com/events/575942819854160/) -### React Summit Amsterdam 2020 {#react-summit-2020} -September 11, 2020 in Amsterdam, The Netherlands +### React Summit - Remote Edition 2020 {#react-summit-remote-2020} +3pm CEST time, April 17, 2020 - remote event -[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactamsterdam) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences) +[Website](https://remote.reactsummit.com) - [Twitter](https://twitter.com/reactamsterdam) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences) ### React Day Bangalore 2020 {#react-day-bangalore-2020} April 25, 2020 in Bangalore, India @@ -82,11 +82,26 @@ September 5-6, 2020 in Wrocław, Poland [Website](https://www.react-native.eu/) - [Twitter](https://twitter.com/react_native_eu) - [Facebook](https://www.facebook.com/reactnativeeu/) - [YouTube](https://www.youtube.com/watch?v=m0GfmlGFh3E&list=PLZ3MwD-soTTHy9_88QPLF8DEJkvoB5Tl-) - [Instagram](https://www.instagram.com/reactnative_eu/) +### React Summit Amsterdam 2020 {#react-summit-2020} +September 8-11, 2020 in Amsterdam, The Netherlands + +[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactamsterdam) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences) + +### React Advanced 2020 {#react-advanced-2020} +October 21-23, 2020 in London, UK + +[Website](https://reactadvanced.com) - [Twitter](http://twitter.com/reactadvanced) - [Facebook](https://www.facebook.com/ReactAdvanced) - [Videos](https://youtube.com/c/ReactConferences) + ### React India 2020 {#react-india-2020} November 6, 2020 in Mumbai, India [Website](https://www.reactindia.io) - [Twitter](https://twitter.com/react_india) - [Facebook](https://www.facebook.com/ReactJSIndia/) - [LinkedIn](https://www.linkedin.com/showcase/14545585) - [YouTube](https://www.youtube.com/channel/UCaFbHCBkPvVv1bWs_jwYt3w/videos) +### React Day Berlin 2020 {#react-day-berlin-2020} +November 25-27, 2020 in Berlin, Germany + +[Website](https://reactday.berlin) - [Twitter](https://twitter.com/reactdayberlin) - [Facebook](https://www.facebook.com/reactdayberlin/) - [Videos](https://www.youtube.com/reactdayberlin) + ## Past Conferences {#past-conferences} ### React.js Conf 2015 {#reactjs-conf-2015} From 75689f02fdb49d8354cc0b7f5ce7e4f2f84d48e3 Mon Sep 17 00:00:00 2001 From: Taehwan Noh Date: Wed, 15 Apr 2020 05:52:48 +0900 Subject: [PATCH 11/11] Resolve merge conflict Related to 12bae06 --- content/docs/testing.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/content/docs/testing.md b/content/docs/testing.md index 5acb596e2..84bc818eb 100644 --- a/content/docs/testing.md +++ b/content/docs/testing.md @@ -14,11 +14,7 @@ React 컴포넌트를 테스트할 수 있는 몇 가지 방법이 있는데 크 * **컴포넌트 트리 렌더링** : 간략화된 테스팅 환경 및 출력값이 확실한 경우. * **완성된 앱에서의 테스트** : 현실적 브라우저 환경("엔드 투 엔드" 테스트라고 알려져 있습니다.) -<<<<<<< HEAD -이 문서 섹션은 아주 기본 테스팅 전략에 초점을 맞추고 있습니다. 풀 엔드투엔드 테스트는 중요한 워크플로의 퇴행을 방지하기 위해 매우 유용하지만 이러한 테스트들은 특정한 React 컴포넌트와 관련되어 있지 않습니다. 그리고 이들은 이 세션의 범위를 벗어납니다. -======= -This documentation section focuses on testing strategies for the first case. While full end-to-end tests can be very useful to prevent regressions to important workflows, such tests are not concerned with React components in particular, and are out of the scope of this section. ->>>>>>> b3c7f041586b71b31f556403426fcd7cab342535 +이 문서 섹션은 아주 기본 테스팅 전략에 초점을 맞추고 있습니다. 풀 엔드투엔드 테스트는 중요한 워크플로의 퇴행을 방지하기 위해 매우 유용하지만 이러한 테스트들은 특정한 React 컴포넌트와 관련되어 있지 않습니다. 그리고 이들은 이 세션의 범위를 벗어납니다. ### 트레이드오프 {#tradeoffs}