Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wellyal/react-awesome

A set of links of my experience learning react on a real project
https://github.com/wellyal/react-awesome

List: react-awesome

Last synced: about 1 month ago
JSON representation

A set of links of my experience learning react on a real project

Awesome Lists containing this project

README 

        
# react-awesome

A set of links from my experience learning react on a real project. I personally recommend this 'awesome tutorial' to the people who want to have a deep understanding on how react and other web technologies/concepts works. That will help you to easily understand no just react or redux but everything involved with the javascript ecossystem and will make you have a brief about what is comming in the future.



### Conceptual Aside



#### Vanilla Javascript

  - [Javascript the right way](http://jstherightway.org/)

  - [Javascript30](https://javascript30.com/) - Wes Bos free course of Vanilla JS



#### Ecma6

  - [ES6 Features](https://github.com/lukehoban/es6features/blob/master/README.md)

  - [You don`t know JS ES6 & Beyond](https://github.com/getify/You-Dont-Know-JS/tree/master/es6%20%26%20beyond#you-dont-know-js-es6--beyond)

  - [How to Use Classes and Sleep at Night](https://medium.com/@dan_abramov/how-to-use-classes-and-sleep-at-night-9af8de78ccb4#.jatbadoh1) - Dan Abramov

  - [The Two Pillars of JavaScript](https://medium.com/javascript-scene/the-two-pillars-of-javascript-ee6f3281e7f3#.tomhosj4q) - Eric Elliot

  - [Common Misconceptions About Inheritance in JavaScript](https://medium.com/javascript-scene/common-misconceptions-about-inheritance-in-javascript-d5d9bab29b0a#.idh85yys5) - Eric Elliot

  - [Inside the Dev Team Death Spiral](https://medium.com/javascript-scene/inside-the-dev-team-death-spiral-6a7ea255467b#.awz5r90n6) - Eric Elliot



#### Functional Programming

  - [So you wanna be a Functional Programmer (part 1)](https://medium.com/@cscalfani/so-you-want-to-be-a-functional-programmer-part-1-1f15e387e536#.nq3tjj1em) 

  - [So you wanna be a Functional Programmer (part 2)](https://medium.com/@cscalfani/so-you-want-to-be-a-functional-programmer-part-2-7005682cec4a#.aaf6gcc05)

  - [So you wanna be a Functional Programmer (part 3)](https://medium.com/@cscalfani/so-you-want-to-be-a-functional-programmer-part-3-1b0fd14eb1a7#.kbrehrs19)

  - [So you wanna be a Functional Programmer (part 4)](https://medium.com/@cscalfani/so-you-want-to-be-a-functional-programmer-part-4-18fbe3ea9e49#.hzyb743by)

  - [So you wanna be a Functional Programmer (part 5)](https://medium.com/@cscalfani/so-you-want-to-be-a-functional-programmer-part-5-c70adc9cf56a#.qtet85y58)

  - [So you wanna be a Functional Programmer (part 6)](https://medium.com/@cscalfani/so-you-want-to-be-a-functional-programmer-part-6-db502830403#.bkmrbcaoa)

  - [Arrow Functions](http://exploringjs.com/es6/ch_arrow-functions.html) - ExploringJS

  - [Vectors, Maps, Set](https://www.infoq.com/presentations/julia-vectors-maps-sets) - Zach Allaun talk



### Online Free Courses

 - [React Redux ES6](https://www.pluralsight.com/courses/react-redux-react-router-es6) - Cory House 

 - [React courses](https://egghead.io/technologies/react) - Egghead

 

### Online Courses

 - [Modern React with Redux](https://www.udemy.com/react-redux/) - Stephen Grider

 - [Advanced React and Redux](https://www.udemy.com/react-redux-tutorial/) - Stephen Grider



### Introduction to react

 - [React Docs](https://facebook.github.io/react/docs/hello-world.html)

 - [React In-depth: An exploration of UI development](https://developmentarc.gitbooks.io/react-indepth/content/) - James & Aaron

 - [ReactJS Basics](https://www.youtube.com/playlist?list=PL55RiY5tL51oyA8euSROLjMFZbXaV7skS) - Mindspace

 - [ReactJS Tutorials](https://www.youtube.com/playlist?list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b) - Learncode Academy

 - [Patterns and Anti-Patterns React](https://github.com/vasanthk/react-bits) - vasanthk github

 - [React and Redux Cheatsheets](https://egghead.io/react-redux-cheatsheets) - egghead.io

 - [Internationalization in React](https://medium.freecodecamp.com/internationalization-in-react-7264738274a0#.ze2cn9l65) - Preethi Kasireddy

 - [React Express](http://www.react.express/) - The all-in-one guide to modern React application development



### Introduction to redux

 - [ReactJS + Redux Basics](https://www.youtube.com/playlist?list=PL55RiY5tL51rrC3sh8qLiYHqUV3twEYU_) - Mindspace

 - [Redux Tutorials](https://www.youtube.com/playlist?list=PLoYCgNOIyGADILc3iUJzygCqC8Tt3bRXt) - Learncode Academy

 - [Container Components](https://medium.com/@learnreact/container-components-c0e67432e005#.wwq75q6a7) - Learn React with chantastic

 - [Presentational and Container Components](https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.eqm0s1ky7) - Dan Abramov 

 - [Redux](http://redux.js.org/) - Redux Documentation

 - [Netflix JavaScript Talks - RxJS + Redux + React = Amazing!](https://www.youtube.com/watch?v=AslncyG8whg) - Jay Phelps

 - [Leveling Up with React: Redux](https://css-tricks.com/learning-react-redux/) - Brad Westfall

 - [Getting Started With React Redux: An Intro](https://www.codementor.io/reactjs/tutorial/intro-to-react-redux-pros) - codementor

 - [Why use Redux over Facebook Flux?](http://stackoverflow.com/questions/32461229/why-use-redux-over-facebook-flux/32920459#32920459) - Dan Abramov`s answer on how to use redux over flux

 

### Some important modules to work with react/redux projects

 - [Awesome Redux](https://github.com/xgrommx/awesome-redux) - Denis Stoyanov

 - [React Redux](https://github.com/reactjs/react-redux) - To implement react with redux

 - [React Creator](https://github.com/facebookincubator/create-react-app) - A module to create a bundle of a base react project

 - [React Router](https://github.com/ReactTraining/react-router) - A module to handle routs in a SPA project

 - [Redux Actions](https://github.com/acdlite/redux-actions) - A module to manage the actions inside a redux application

 - [Material-UI](http://www.material-ui.com) - A Set of React Components that Implement Google's Material Design

 - [React Toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design specification with the power of CSS Modules

 - [React Grid System](https://jsxmachina.github.io/react-grid-system/) - A no CSS Bootstrap-like responsive grid system for React.

 - [React FlexBox Grid](http://roylee0704.github.io/react-flexbox-grid/) - Responsive modifiers enable specifying different column sizes, offsets, alignment and distribution at xs, sm, md & lg viewport widths.

 - [Redux Form](http://redux-form.com) - The best way to manage your form state in Redux

 - [React Toolbox](http://react-toolbox.com) - Bootstrap your application with beautiful Material Design Components

 - [JS Coach](https://js.coach/react) - This is an opinionated catalog of open source JS packages

 - [RxJS 5](https://github.com/ReactiveX/RxJS) - Set of libraries to compose async and event-based programs using observable collections in JavaScript

 - [Redux Observable](https://redux-observable.js.org/) - Middleware to compose and cancel async actions

 - [React Intl](https://formatjs.io/react/v1/#formatted-message) - React Components for internationalization

 - [React Intl Redux](https://github.com/ratson/react-intl-redux) - Redux binding for React Intl

 - [Redux Saga](https://github.com/redux-saga/redux-saga) - An alternative side effect model for Redux apps

 - [ARc](https://arc.js.org/) - Atomic React

 

### React/Redux Testing

- [Enzyme](http://airbnb.io/enzyme/) - JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output.

- [Jest](https://facebook.github.io/jest/docs/getting-started.html#content) - Facebook's tool to test react components

- [Chai](http://chaijs.com/) - A BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework.

- [Mark Erikson react/redux-tests awesome](https://github.com/markerikson/react-redux-links/blob/master/react-redux-testing.md) - A set of links for react/redux testing from Mark Erikson