Skip to content

Commit 10fcc30

Browse files
authored
Merge pull request reactjs#273 from mateoholman/mateoholman-community-section-new
Clean update of Community Section
2 parents d5f8a56 + 0dcefd4 commit 10fcc30

19 files changed

+598
-143
lines changed

content/community/articles.md

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
id: articles
3+
title: Articles
4+
layout: community
5+
sectionid: community
6+
permalink: community/articles.html
7+
---
8+
9+
- [React How-to](https://github.com/petehunt/react-howto) - Pete Hunt's guide to the React ecosystem.
10+
- [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.
11+
- [React "Aha" Moments](https://tylermcginnis.com/react-aha-moments/) - Tyler McGinnis' article on his collection of "Aha" moments with React.
12+
- [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.
13+
- [Timeline for Learning React](https://daveceddia.com/timeline-for-learning-react/) - Dave Ceddia's reccommended timeline for learning React and the React ecosystem.
14+
- [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.
15+
- [React FAQ](https://reactfaq.site/) - An external site with articles that try to answer frequently asked questions about React.
16+
- [Visual Guide to State in React](https://daveceddia.com/visual-guide-to-state-in-react/) - Dave Ceddia's visual guide to React state.

content/community/conferences.md

+2
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,8 @@ permalink: community/conferences.html
77
redirect_from: "docs/conferences.html"
88
---
99

10+
Do you know of a local React.js conference? Add it here! (Please keep the list chronological)
11+
1012
## Upcoming Conferences
1113

1214
### React Seoul 2017

content/community/courses.md

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
id: courses
3+
title: Courses
4+
layout: community
5+
sectionid: community
6+
permalink: community/courses.html
7+
---
8+
9+
## Free Courses
10+
11+
- [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.
12+
13+
- [Codecademy](https://www.codecademy.com/learn/react-101) - Codecademy's introductory course for React.
14+
15+
## Paid Courses
16+
17+
- [Egghead.io](https://egghead.io/browse/frameworks/react) - Short instructional videos on React and many other topics.
18+
19+
- [Tyler McGinnis](https://tylermcginnis.com/courses) - Tyler McGinnis provides access to his courses for a monthly fee. Courses inclue "React Fundamentals" and "Universal React".
20+
21+
- [Frontend Masters](https://frontendmasters.com/courses/) - Video courses on React and other frontend frameworks.

content/community/examples.md

+20-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,22 @@
11
---
2-
permalink: docs/examples.html
3-
layout: redirect
4-
dest_url: https://github.com/facebook/react/wiki/Examples
2+
id: examples
3+
title: Example Projects
4+
layout: community
5+
sectionid: community
6+
permalink: community/examples.html
57
---
8+
9+
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.
10+
11+
12+
* **[Calculator](https://github.com/ahfarmer/calculator)** Implementation of the iOS calculator built in React
13+
* **[Emoji Search](https://github.com/ahfarmer/emoji-search)** Simple React app for searching emoji
14+
* **[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.
15+
* **[Haskell Websockets React Game of Score](https://www.fpcomplete.com/user/dschalk/Websockets%20Game%20of%20Score):** React with a Haskell websockets server.
16+
* **[K5 Showcase](https://showcase.cloud.global.fujitsu.com):** Sample applications for React.js and Flux.
17+
* **[React Powered Hacker News Client](https://github.com/insin/react-hn)** A React & react-router-powered implementation of Hacker News using its Firebase API.
18+
* **[Pokedex](https://github.com/alik0211/pokedex)** The list of Pokémon with live search
19+
* **[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.
20+
* **[Product Comparison Page](https://github.com/Rhymond/product-compare-react)** Simple Product Compare page built in React
21+
* **[Hacker News Clone React/GraphQL](https://github.com/clintonwoo/hackernews-react-graphql)** Hacker News clone rewritten with universal JavaScript, using React and GraphQL.
22+
* **[Reddit Mobile](https://github.com/reddit/reddit-mobile)** Reddit's mobile platform.
+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
---
2+
id: external-resources
3+
title: External Resources
4+
layout: community
5+
sectionid: community
6+
permalink: community/external-resources.html
7+
---
8+
9+
There are many wonderful curated resources the React community has put together.
10+
11+
- [Reactiflux](https://www.reactiflux.com/) - A community of 20,000+ React developers. They keep a well curated [learning section](https://www.reactiflux.com/learning/).
12+
13+
- [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.
14+
15+
- [Awesome React](https://github.com/enaqx/awesome-react) - A collection of awesome things regarding React ecosystem.
16+
17+
- [Awesome React Components](https://github.com/brillout/awesome-react-components) - A curated list of React components.
18+
19+
- [Awesome React Talks](https://github.com/tiaanduplessis/awesome-react-talks) - A curated list of React talks.

content/community/meetups.md

+117
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
---
2+
id: meetups
3+
title: Meetups Around the World
4+
layout: community
5+
sectionid: community
6+
permalink: community/meetups.html
7+
---
8+
9+
Do you have a local React.js meetup? Add it here! (Please keep the list alphabetical)
10+
11+
## Australia
12+
* [Melbourne](http://www.meetup.com/React-Melbourne/)
13+
* [Sydney](http://www.meetup.com/React-Sydney/)
14+
15+
## Austria
16+
* [Vienna](http://www.meetup.com/Vienna-ReactJS-Meetup/)
17+
18+
## Belgium
19+
* [Belgium](http://www.meetup.com/ReactJS-Belgium/)
20+
21+
## Brazil
22+
* [Belo Horizonte](http://www.meetup.com/reactbh/)
23+
* [Rio de Janeiro](https://www.meetup.com/pt-BR/React-Rio-de-Janeiro/)
24+
* [São Paulo](http://www.meetup.com/pt-BR/ReactJS-SP/)
25+
26+
## Canada
27+
* [Vancouver, BC](http://www.meetup.com/ReactJS-Vancouver-Meetup/)
28+
29+
## China
30+
* [Beijing](http://www.meetup.com/Beijing-ReactJS-Meetup/)
31+
32+
## Colombia
33+
* [Medellin](https://www.meetup.com/React-Medellin/)
34+
35+
## Denmark
36+
* [Aalborg](https://www.meetup.com/Aalborg-React-React-Native-Meetup/)
37+
* [Aarhus](https://www.meetup.com/Aarhus-ReactJS-Meetup/)
38+
39+
## England (UK)
40+
* [Manchester](http://www.meetup.com/Manchester-React-User-Group/)
41+
42+
## France
43+
* [Paris](http://www.meetup.com/ReactJS-Paris/)
44+
45+
## Germany
46+
* [Berlin](http://www.meetup.com/React-Berlin/)
47+
* [Hamburg](http://www.meetup.com/Hamburg-React-js-Meetup/)
48+
* [Munich](http://www.meetup.com/ReactJS-Meetup-Munich/)
49+
50+
## Greece
51+
* [Thessaloniki](https://www.meetup.com/Thessaloniki-ReactJS-Meetup/)
52+
53+
## India
54+
* [Bangalore](https://www.meetup.com/ReactJS-Bangalore/)
55+
56+
## Ireland
57+
* [Dublin](http://www.meetup.com/ReactJS-Dublin/)
58+
59+
## Israel
60+
* [Tel Aviv](http://www.meetup.com/ReactJS-Israel/)
61+
62+
## Netherlands
63+
* [Amsterdam](http://www.meetup.com/React-Amsterdam/)
64+
65+
## New Zealand
66+
* [Wellington](http://www.meetup.com/React-Wellington/)
67+
68+
## Norway
69+
* [Norway](http://reactjsnorway.com/)
70+
* [Oslo](https://www.meetup.com/ReactJS-Oslo-Meetup/)
71+
72+
## Peru
73+
* [Lima](http://www.meetup.com/ReactJS-Peru/)
74+
75+
## Philippines
76+
* [Manila](http://www.meetup.com/reactjs-developers-manila/)
77+
78+
## Poland
79+
* [Warsaw](http://www.meetup.com/React-js-Warsaw/)
80+
81+
## Spain
82+
* [Barcelona](http://www.meetup.com/ReactJS-Barcelona/)
83+
84+
## Sweden
85+
* [Goteborg](http://www.meetup.com/ReactJS-Goteborg/)
86+
87+
## Ukraine
88+
* [Kyiv](https://www.meetup.com/Kyiv-ReactJS-Meetup)
89+
90+
## US
91+
* [Atlanta, GA - ReactJS](http://www.meetup.com/React-ATL/)
92+
* [Austin, TX - ReactJS](http://www.meetup.com/ReactJS-Austin-Meetup/)
93+
* [Boston, MA - ReactJS](http://www.meetup.com/ReactJS-Boston/)
94+
* [Boston, MA - React Native](http://www.meetup.com/Boston-React-Native-Meetup/)
95+
* [Chicago, IL - ReactJS](http://www.meetup.com/React-Chicago/)
96+
* [Dallas, TX - ReactJS](http://www.meetup.com/ReactDallas/)
97+
* [Irvine, CA - ReactJS](http://www.meetup.com/ReactJS-OC/)
98+
* [Las Vegas, NV - ReactJS](http://www.meetup.com/ReactVegas/)
99+
* [Leesburg, VA - ReactJS](http://www.meetup.com/React-NOVA/)
100+
* [Los Angeles, CA - ReactJS](http://www.meetup.com/socal-react/)
101+
* [Los Angeles, CA - React Native](http://www.meetup.com/React-Native-Los-Angeles/)
102+
* [Nashville, TN - ReactJS](http://www.meetup.com/NashReact-Meetup/)
103+
* [New York, NY - ReactJS](http://www.meetup.com/NYC-Javascript-React-Group/)
104+
* [New York, NY - React Native](http://www.meetup.com/React-Native-NYC/)
105+
* [Palo Alto, CA - React Native](http://www.meetup.com/React-Native-Silicon-Valley/)
106+
* [Phoenix, AZ - ReactJS](http://www.meetup.com/ReactJS-Phoenix/)
107+
* [Portland, OR - ReactJS](http://www.meetup.com/Portland-ReactJS/)
108+
* [Provo, UT - ReactJS](http://www.meetup.com/ReactJS-Utah/)
109+
* [Sacramento, CA - ReactJS](http://www.meetup.com/Sacramento-ReactJS-Meetup/)
110+
* [San Francisco - ReactJS](http://www.meetup.com/ReactJS-San-Francisco/)
111+
* [San Francisco, CA - React Native](http://www.meetup.com/React-Native-San-Francisco/)
112+
* [Santa Monica, CA - ReactJS](http://www.meetup.com/Los-Angeles-ReactJS-User-Group/)
113+
* [Seattle, WA - React Native](http://www.meetup.com/Seattle-React-Native-Meetup/)
114+
* [Seattle, WA - ReactJS](http://www.meetup.com/seattle-react-js/)
115+
* [Tampa, FL - ReactJS](http://www.meetup.com/ReactJS-Tampa-Bay/)
116+
* [Tucson, AZ - ReactJS](http://www.meetup.com/Tucson-ReactJS-Meetup/)
117+
* [Washington, DC - ReactJS](http://www.meetup.com/React-DC/)

content/community/nav.yml

+33-5
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,42 @@
11
- title: Community Resources
22
items:
33
- id: support
4-
title: Where To Get Support
4+
title: Support
55
- id: conferences
66
title: Conferences
7+
- id: meetups
8+
title: Meetups
9+
- id: articles
10+
title: Articles
11+
- id: podcasts
12+
title: Podcasts
713
- id: videos
814
title: Videos
15+
- id: courses
16+
title: Courses
917
- id: examples
1018
title: Examples
11-
href: https://github.com/facebook/react/wiki/Examples
12-
- id: complementary-tools
13-
title: Complementary Tools
14-
href: https://github.com/facebook/react/wiki/Complementary-Tools
19+
- id: external-resources
20+
title: External Resources
21+
- title: Tools
22+
items:
23+
- id: debugging-tools
24+
title: Debugging
25+
- id: component-workbenches
26+
title: Component Workbenches
27+
- id: jsx-integrations
28+
title: JSX Integrations
29+
- id: starter-kits
30+
title: Starter Kits
31+
- id: routing
32+
title: Routing
33+
- id: model-management
34+
title: Model Management
35+
- id: data-fetching
36+
title: Data Fetching
37+
- id: testing
38+
title: Testing
39+
- id: ui-components
40+
title: UI Components
41+
- id: misc
42+
title: Miscellaneous

content/community/podcasts.md

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
id: podcasts
3+
title: Podcasts
4+
layout: community
5+
sectionid: community
6+
permalink: community/podcasts.html
7+
---
8+
9+
Podcasts dedicated to React and individual podcast episodes with React discussions.
10+
11+
## Podcasts
12+
13+
- [JavaScript Air](https://javascriptair.com/) - All about JavaScript (currently not producing new episodes).
14+
15+
- [React 30](https://react30.com/) - A weekly 30-minute podcast all about React (currently not producing new episodes).
16+
17+
- [React Podcast](https://itunes.apple.com/us/podcast/react-podcast/id995869265?mt=2) - A podcast covering the ReactJS ecosystem (currently not producing new episodes).
18+
19+
## Episodes
20+
21+
- [CodeWinds Episode 4](http://codewinds.com/podcast/004.html) - Pete Hunt talks with Jeff Barczewski about React.
22+
23+
24+
- [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.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
id: component-workbenches
3+
title: Component Workbenches
4+
layout: community
5+
permalink: community/component-workbenches.html
6+
---
7+
8+
* **[React Storybook](https://github.com/kadirahq/react-storybook):** UI component development environment for React.
9+
* **[React Styleguidist](https://github.com/styleguidist/react-styleguidist):** Style guide generator & component workbench for React.
10+
* **[React Showroom](https://github.com/OpusCapita/react-showroom-client):** React based components catalog which provides you with markdown documentation and live examples
11+
* **[patternplate](https://github.com/sinnerschrader/patternplate)**: A platform for pattern and component library development using React.
12+
* **[UiZoo.js](https://github.com/myheritage/UiZoo.js)**: Auto-generated component development environment by the JSDoc of React components.
13+
* **[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
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
id: data-fetching
3+
title: Data Fetching
4+
layout: community
5+
permalink: community/data-fetching.html
6+
---
7+
8+
* **[Apollo](http://dev.apollodata.com/react/):** Easy to set up and use GraphQL client.
9+
* **[Axios](https://github.com/mzabriskie/axios):** Promise based HTTP client for the browser and node.js.
10+
* **[Relay Modern](https://facebook.github.io/relay/docs/relay-modern.html)** - A JavaScript framework for building data-driven React applications.
11+
* **[Request](https://github.com/request/request):** Simplified HTTP request client.
12+
* **[Superagent](https://visionmedia.github.io/superagent/):** A lightweight "isomorphic" library for AJAX requests.

content/community/tools-debugging.md

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
id: debugging-tools
3+
title: Debugging
4+
layout: community
5+
permalink: community/debugging-tools.html
6+
---
7+
8+
* **[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.

0 commit comments

Comments
 (0)