Skip to content

Clean update of Community Section #273

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Nov 17, 2017
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions content/community/articles.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
---
id: articles
title: Articles
layout: community
sectionid: community
permalink: community/articles.html
---

- [React How-to](https://github.com/petehunt/react-howto) - Pete Hunt's guide to the React ecosystem.
- [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.
- [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.
2 changes: 2 additions & 0 deletions content/community/conferences.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@ permalink: community/conferences.html
redirect_from: "docs/conferences.html"
---

Do you know of a local React.js conference? Add it here! (Please keep the list chronological)

## Upcoming Conferences

### React Seoul 2017
Expand Down
21 changes: 21 additions & 0 deletions content/community/courses.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
---
id: courses
title: Courses
layout: community
sectionid: community
permalink: community/courses.html
---

## Free Courses

- [LearnCode.academy](https://www.youtube.com/watch?v=MhkGQAoc7bc) - This React JS Course will help you get quickly up to pace with React.js development.

- [Codecademy](https://www.codecademy.com/learn/react-101) - Codecademy's introductory course for React.

## Paid Courses

- [Egghead.io](https://egghead.io/browse/frameworks/react) - Short instructional videos on React and many other topics.

- [Tyler McGinnis](https://tylermcginnis.com/courses) - Tyler McGinnis provides access to his courses for a monthly fee. Courses inclue "React Fundamentals" and "Universal React".

- [Frontend Masters](https://frontendmasters.com/courses/) - Video courses on React and other frontend frameworks.
23 changes: 20 additions & 3 deletions content/community/examples.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,22 @@
---
permalink: docs/examples.html
layout: redirect
dest_url: https://github.com/facebook/react/wiki/Examples
id: examples
title: Example Projects
layout: community
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.


* **[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
* **[Github Battle App](https://github.com/ReactTraining/react-fundamentals/tree/hosting)** Battle two Github users and see the most popular Github projects for any language.
* **[Haskell Websockets React Game of Score](https://www.fpcomplete.com/user/dschalk/Websockets%20Game%20of%20Score):** React with a Haskell websockets server.
* **[K5 Showcase](https://showcase.cloud.global.fujitsu.com):** Sample applications for React.js and Flux.
* **[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
* **[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
* **[Hacker News Clone React/GraphQL](https://github.com/clintonwoo/hackernews-react-graphql)** Hacker News clone rewritten with universal JavaScript, using React and GraphQL.
* **[Reddit Mobile](https://github.com/reddit/reddit-mobile)** Reddit's mobile platform.
19 changes: 19 additions & 0 deletions content/community/external-resources.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
---
id: external-resources
title: External Resources
layout: community
sectionid: community
permalink: community/external-resources.html
---

There are many wonderful curated resources the React community has put together.

- [Reactiflux](https://www.reactiflux.com/) - A community of 20,000+ React developers. They keep a well curated [learning section](https://www.reactiflux.com/learning/).

- [React-Redux Links](https://github.com/markerikson/react-redux-links) - Mark Erikson's highly curated list of tutorials and resources for React/Redux/ES6 and more.

- [Awesome React](https://github.com/enaqx/awesome-react) - A collection of awesome things regarding React ecosystem.

- [Awesome React Components](https://github.com/brillout/awesome-react-components) - A curated list of React components.

- [Awesome React Talks](https://github.com/tiaanduplessis/awesome-react-talks) - A curated list of React talks.
117 changes: 117 additions & 0 deletions content/community/meetups.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
---
id: meetups
title: Meetups Around the World
layout: community
sectionid: community
permalink: community/meetups.html
---

Do you have a local React.js meetup? Add it here! (Please keep the list alphabetical)

## Australia
* [Melbourne](http://www.meetup.com/React-Melbourne/)
* [Sydney](http://www.meetup.com/React-Sydney/)

## Austria
* [Vienna](http://www.meetup.com/Vienna-ReactJS-Meetup/)

## Belgium
* [Belgium](http://www.meetup.com/ReactJS-Belgium/)

## Brazil
* [Belo Horizonte](http://www.meetup.com/reactbh/)
* [Rio de Janeiro](https://www.meetup.com/pt-BR/React-Rio-de-Janeiro/)
* [São Paulo](http://www.meetup.com/pt-BR/ReactJS-SP/)

## Canada
* [Vancouver, BC](http://www.meetup.com/ReactJS-Vancouver-Meetup/)

## China
* [Beijing](http://www.meetup.com/Beijing-ReactJS-Meetup/)

## Colombia
* [Medellin](https://www.meetup.com/React-Medellin/)

## Denmark
* [Aalborg](https://www.meetup.com/Aalborg-React-React-Native-Meetup/)
* [Aarhus](https://www.meetup.com/Aarhus-ReactJS-Meetup/)

## England (UK)
* [Manchester](http://www.meetup.com/Manchester-React-User-Group/)

## France
* [Paris](http://www.meetup.com/ReactJS-Paris/)

## Germany
* [Berlin](http://www.meetup.com/React-Berlin/)
* [Hamburg](http://www.meetup.com/Hamburg-React-js-Meetup/)
* [Munich](http://www.meetup.com/ReactJS-Meetup-Munich/)

## Greece
* [Thessaloniki](https://www.meetup.com/Thessaloniki-ReactJS-Meetup/)

## India
* [Bangalore](https://www.meetup.com/ReactJS-Bangalore/)

## Ireland
* [Dublin](http://www.meetup.com/ReactJS-Dublin/)

## Israel
* [Tel Aviv](http://www.meetup.com/ReactJS-Israel/)

## Netherlands
* [Amsterdam](http://www.meetup.com/React-Amsterdam/)

## New Zealand
* [Wellington](http://www.meetup.com/React-Wellington/)

## Norway
* [Norway](http://reactjsnorway.com/)
* [Oslo](https://www.meetup.com/ReactJS-Oslo-Meetup/)

## Peru
* [Lima](http://www.meetup.com/ReactJS-Peru/)

## Philippines
* [Manila](http://www.meetup.com/reactjs-developers-manila/)

## Poland
* [Warsaw](http://www.meetup.com/React-js-Warsaw/)

## Spain
* [Barcelona](http://www.meetup.com/ReactJS-Barcelona/)

## Sweden
* [Goteborg](http://www.meetup.com/ReactJS-Goteborg/)

## Ukraine
* [Kyiv](https://www.meetup.com/Kyiv-ReactJS-Meetup)

## US
* [Atlanta, GA - ReactJS](http://www.meetup.com/React-ATL/)
* [Austin, TX - ReactJS](http://www.meetup.com/ReactJS-Austin-Meetup/)
* [Boston, MA - ReactJS](http://www.meetup.com/ReactJS-Boston/)
* [Boston, MA - React Native](http://www.meetup.com/Boston-React-Native-Meetup/)
* [Chicago, IL - ReactJS](http://www.meetup.com/React-Chicago/)
* [Dallas, TX - ReactJS](http://www.meetup.com/ReactDallas/)
* [Irvine, CA - ReactJS](http://www.meetup.com/ReactJS-OC/)
* [Las Vegas, NV - ReactJS](http://www.meetup.com/ReactVegas/)
* [Leesburg, VA - ReactJS](http://www.meetup.com/React-NOVA/)
* [Los Angeles, CA - ReactJS](http://www.meetup.com/socal-react/)
* [Los Angeles, CA - React Native](http://www.meetup.com/React-Native-Los-Angeles/)
* [Nashville, TN - ReactJS](http://www.meetup.com/NashReact-Meetup/)
* [New York, NY - ReactJS](http://www.meetup.com/NYC-Javascript-React-Group/)
* [New York, NY - React Native](http://www.meetup.com/React-Native-NYC/)
* [Palo Alto, CA - React Native](http://www.meetup.com/React-Native-Silicon-Valley/)
* [Phoenix, AZ - ReactJS](http://www.meetup.com/ReactJS-Phoenix/)
* [Portland, OR - ReactJS](http://www.meetup.com/Portland-ReactJS/)
* [Provo, UT - ReactJS](http://www.meetup.com/ReactJS-Utah/)
* [Sacramento, CA - ReactJS](http://www.meetup.com/Sacramento-ReactJS-Meetup/)
* [San Francisco - ReactJS](http://www.meetup.com/ReactJS-San-Francisco/)
* [San Francisco, CA - React Native](http://www.meetup.com/React-Native-San-Francisco/)
* [Santa Monica, CA - ReactJS](http://www.meetup.com/Los-Angeles-ReactJS-User-Group/)
* [Seattle, WA - React Native](http://www.meetup.com/Seattle-React-Native-Meetup/)
* [Seattle, WA - ReactJS](http://www.meetup.com/seattle-react-js/)
* [Tampa, FL - ReactJS](http://www.meetup.com/ReactJS-Tampa-Bay/)
* [Tucson, AZ - ReactJS](http://www.meetup.com/Tucson-ReactJS-Meetup/)
* [Washington, DC - ReactJS](http://www.meetup.com/React-DC/)
38 changes: 33 additions & 5 deletions content/community/nav.yml
Original file line number Diff line number Diff line change
@@ -1,14 +1,42 @@
- title: Community Resources
items:
- id: support
title: Where To Get Support
title: Support
- id: conferences
title: Conferences
- id: meetups
title: Meetups
- id: articles
title: Articles
- id: podcasts
title: Podcasts
- id: videos
title: Videos
- id: courses
title: Courses
- id: examples
title: Examples
href: https://github.com/facebook/react/wiki/Examples
- id: complementary-tools
title: Complementary Tools
href: https://github.com/facebook/react/wiki/Complementary-Tools
- id: external-resources
title: External Resources
- title: Tools
items:
- id: debugging-tools
title: Debugging
- id: component-workbenches
title: Component Workbenches
- id: jsx-integrations
title: JSX Integrations
- id: starter-kits
title: Starter Kits
- id: routing
title: Routing
- id: model-management
title: Model Management
- id: data-fetching
title: Data Fetching
- id: testing
title: Testing
- id: ui-components
title: UI Components
- id: misc
title: Miscellaneous
24 changes: 24 additions & 0 deletions content/community/podcasts.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
---
id: podcasts
title: Podcasts
layout: community
sectionid: community
permalink: community/podcasts.html
---

Podcasts dedicated to React and individual podcast episodes with React discussions.

## Podcasts

- [JavaScript Air](https://javascriptair.com/) - All about JavaScript (currently not producing new episodes).

- [React 30](https://react30.com/) - A weekly 30-minute podcast all about React (currently not producing new episodes).

- [React Podcast](https://itunes.apple.com/us/podcast/react-podcast/id995869265?mt=2) - A podcast covering the ReactJS ecosystem (currently not producing new episodes).

## Episodes

- [CodeWinds Episode 4](http://codewinds.com/podcast/004.html) - Pete Hunt talks with Jeff Barczewski about React.


- [JavaScript Jabber 73](https://devchat.tv/js-jabber/073-jsj-react-with-pete-hunt-and-jordan-walke) - Pete Hunt and Jordan Walke talk about React.
13 changes: 13 additions & 0 deletions content/community/tools-comp-workbenches.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
---
id: component-workbenches
title: Component Workbenches
layout: community
permalink: community/component-workbenches.html
---

* **[React Storybook](https://github.com/kadirahq/react-storybook):** UI component development environment for React.
* **[React Styleguidist](https://github.com/styleguidist/react-styleguidist):** Style guide generator & component workbench for React.
* **[React Showroom](https://github.com/OpusCapita/react-showroom-client):** React based components catalog which provides you with markdown documentation and live examples
* **[patternplate](https://github.com/sinnerschrader/patternplate)**: A platform for pattern and component library development using React.
* **[UiZoo.js](https://github.com/myheritage/UiZoo.js)**: Auto-generated component development environment by the JSDoc of React components.
* **[Neutrino React components preset](https://github.com/eliperelman/neutrino-preset-react-components/)**: Create generic React components and previewing them without the need to embed in an application. Plays nicely with other Neutrino middleware, so you can build, test, preview, and publish multiple React components from a single repository.
12 changes: 12 additions & 0 deletions content/community/tools-data-fetching.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
---
id: data-fetching
title: Data Fetching
layout: community
permalink: community/data-fetching.html
---

* **[Apollo](http://dev.apollodata.com/react/):** Easy to set up and use GraphQL client.
* **[Axios](https://github.com/mzabriskie/axios):** Promise based HTTP client for the browser and node.js.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm surprised that URLs like these actually get resolved to GitHub links, but they seem to 😮

* **[Relay Modern](https://facebook.github.io/relay/docs/relay-modern.html)** - A JavaScript framework for building data-driven React applications.
* **[Request](https://github.com/request/request):** Simplified HTTP request client.
* **[Superagent](https://visionmedia.github.io/superagent/):** A lightweight "isomorphic" library for AJAX requests.
8 changes: 8 additions & 0 deletions content/community/tools-debugging.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
---
id: debugging-tools
title: Debugging
layout: community
permalink: community/debugging-tools.html
---

* **[React Developer Tools](https://github.com/facebook/react-devtools):** an extension available for [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi), [Firefox](https://addons.mozilla.org/firefox/addon/react-devtools/), and as a [standalone app](https://github.com/facebook/react-devtools/tree/master/packages/react-devtools) that allows you to inspect the React component hierarchy in the Chrome Developer Tools.
Loading