Skip to content

Commit

Permalink
Updates, 2016-11-19
Browse files Browse the repository at this point in the history
  • Loading branch information
markerikson committed Nov 19, 2016
1 parent 2460ce5 commit 67cff09
Show file tree
Hide file tree
Showing 10 changed files with 56 additions and 3 deletions.
1 change: 1 addition & 0 deletions basic-concepts.md
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,7 @@

- **Timeline for Learning React**
https://daveceddia.com/timeline-for-learning-react/
https://daveceddia.com/how-to-learn-react/
Another high-level suggested timeline for how to approach learning React and related technologies.

- **React Roadmap**
Expand Down
10 changes: 9 additions & 1 deletion es6-features.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@
http://wesbos.github.io/ES6-Talk/
A set of slides describing the features in ES6

- **Learn Harmony (ES2015 Now**
- **Learn Harmony (ES2015) Now**
http://learnharmony.org/
An interactive tool for learning and experimenting with ES6/ES2015 features

Expand All @@ -52,6 +52,10 @@
https://es6cheatsheet.com/
An interactive cheatsheet with editable and runnable examples to help explain the new syntax and features in ES6. Offered as a "Pay What You Want" model, so $0 is a valid choice, but payments are requested.

- **A Rundown of Javascript 2015 Features**
https://auth0.com/blog/a-rundown-of-es6-features/
An overview of the features in ES6 and how they can be used.


#### In-Depth Details

Expand Down Expand Up @@ -153,3 +157,7 @@
- **Understanding Javascript Modules: Bundling and Transpiling**
https://www.sitepoint.com/javascript-modules-bundling-transpiling/
An overview of tools commonly used to bundle and transpile various module formats

- **How Javascript Modules Work - from Past to Present**
http://www.penta-code.com/how-javascript-modules-work-from-past-to-present/
An overview of the different approaches that have been used to load Javascript modules over time.
4 changes: 4 additions & 0 deletions immutable-data.md
Original file line number Diff line number Diff line change
Expand Up @@ -82,3 +82,7 @@
- **How to use Immutable.js Records with React and Redux**
https://medium.com/azendoo-team/immutable-record-react-redux-99f389ed676
Examples for using Immutable.js records for clarity and consistency of data management

- **Immutable.js: An Introduction with examples written for humans**
http://untangled.io/immutable-js-an-introduction-with-examples-written-for-humans/
A detailed series of tutorials explaining how to use Immutable.js's API
8 changes: 8 additions & 0 deletions react-forms.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,14 @@
- **React.js Forms: Controlled Components**
http://lorenstewart.me/2016/10/31/react-js-forms-controlled-components/
An excellent article that describes the concept of controlled components, and demonstrates examples of how to interact with different types of form inputs

- **Controlled and uncontrolled form inputs in React don't have to be complicated**
http://goshakkk.name/controlled-vs-uncontrolled-inputs-react/
A great summary of what controlled and uncontrolled inputs are, what each approach looks like, and how to handle values from different types of inputs.

- **Controllable React Components**
https://speakerdeck.com/lettertwo/controllable-react-components
A slideshow discussing how React components can themselves either be controlled or uncontrolled, and introducing a library to help make components controllable.


#### Form Tutorials and Usage
Expand Down
4 changes: 4 additions & 0 deletions react-native.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,10 @@
https://appendto.com/2016/11/build-a-coffee-finder-app-with-react-native-and-the-yelp-api/
A tutorial that covers building an IOS app that fetches data, organizes views, and displays the data on a map.

- **How to distribute React Native components backed by native code**
https://www.benwixen.com/articles/distributing-react-native-components-with-native-code/
A project layout for redistributable components with native code, that includes unit tests and supports automatic linking.


#### Specific aspects

Expand Down
6 changes: 5 additions & 1 deletion react-redux-testing.md
Original file line number Diff line number Diff line change
Expand Up @@ -172,4 +172,8 @@

- **UI Testing at Urban Airship**
https://github.com/urbanairship/technical-blog/blob/master/AirshipUITesting.md
In-depth discussion of complexities and approaches for testing real-world UI code, including test runners, mocking, and more.
In-depth discussion of complexities and approaches for testing real-world UI code, including test runners, mocking, and more.

- **Migrating to Jest**
https://medium.com/@kentcdodds/migrating-to-jest-881f75366e7e
Kent C. Dodds describes why and how his team at Paypal switched their test setup to use Jest instead of Ava.
6 changes: 5 additions & 1 deletion react-routing.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,4 +13,8 @@

- **Do I Even Need a Routing Library?**
http://jamesknelson.com/even-need-routing-library/
Another excellent article from James K Nelson that digs into the core concepts behind a topic, this time looking at what routing libraries do, issues with browser history, and what to consider when deciding on a routing approach.
Another excellent article from James K Nelson that digs into the core concepts behind a topic, this time looking at what routing libraries do, issues with browser history, and what to consider when deciding on a routing approach.

- **Webpack code splitting with Create React App and React Router**
https://www.drewbolles.com/blog/2016/11/14/webpack-code-splitting-with-create-react-app-react-router/
A quick example of how to use React-Router's hooks to set up code splitting with Webpack
12 changes: 12 additions & 0 deletions redux-architecture.md
Original file line number Diff line number Diff line change
Expand Up @@ -119,6 +119,10 @@
http://blog.isquaredsoftware.com/2016/10/idiomatic-redux-why-use-action-creators/
Thoughts on why consistent use of action creators is a good practice, as opposed to putting logic inline into components.

- **Seven Months into Redux: Two Things My Team Learned Along the Way**
https://medium.com/@benipsen/seven-months-into-redux-two-things-my-team-learned-along-the-way-5d979c25ea61
Describes the benefits a dev team got from using RxJS streams and using selector functions to derive data.


#### Encapsulation and Reusability

Expand Down Expand Up @@ -171,6 +175,14 @@
- **Redux Issue #822: "How to create a generic list as a reducer?"**
https://github.com/reactjs/redux/issues/822
Discussion of various approaches to the "generic list of reusable components" problem

- **Redux-Doghouse - Creating React-Redux Components through Scoping**
http://engineering.datadoghq.com/redux-doghouse--creating-reusable-react-redux-components-through-scoping/
A look at some of the issues involved in trying to write reusable connected components that can be instantiated many times, and how the library they wrote helps solve those problems.

- **Redux Stack: Modular Redux Configuration**
https://medium.com/@jondot/redux-stack-modular-redux-configuration-ec96412a2262
Discussion of a small library that tries to make it easier to hook together different Redux addons.


#### Variations on Redux Architectures
Expand Down
4 changes: 4 additions & 0 deletions redux-side-effects.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,10 @@
- **Adding Customized Asynchrony to Redux**
https://anyperk.engineering/im-lauren-and-i-m-a-frontend-apprentice-here-at-anyperk-a1a40106d231
A quick introduction to some of the libraries that can be used to manage asynchronous behavior in Redux.

- **A Dummy's Guide to Redux and Thunk in React**
https://medium.com/@stowball/a-dummys-guide-to-redux-and-thunk-in-react-d8904a7005d3
A tutorial that shows how to take a React component that does its own data fetching, and rework it to use accept data from Redux and use a thunk action creator instead.


#### Sagas
Expand Down
4 changes: 4 additions & 0 deletions webpack-advanced-techniques.md
Original file line number Diff line number Diff line change
Expand Up @@ -88,6 +88,10 @@
https://www.youtube.com/watch?v=-xzWMKuiS2o
An intro to what the Webpack Commons Chunk Plugin does and how it works

- **A beginner's step-by-step guide to Code Splitting with Webpack 2 and React Router**
http://brotzky.co/blog/a-beginners-step-by-step-guide-to-code-splitting-with-webpack-2-and-react-router/
An excellent guide to concepts and configuration needed for code splitting.

#### Hot Module Replacement

- **Webpack and Hot Module Replacement**
Expand Down

0 comments on commit 67cff09

Please sign in to comment.