Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
…inks

# Conflicts:
#	react-hooks.md
  • Loading branch information
markerikson committed Jul 18, 2019
2 parents af6c447 + cdbe453 commit c6c7cf5
Show file tree
Hide file tree
Showing 9 changed files with 29 additions and 11 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -271,7 +271,7 @@ If you are new to React, try reading these articles in order.
Examples of configuring a Redux store to use the DevTools enhancers, and using both the DevTools components and the browser extension for debugging.

### Writing Reducers
- [Redux Docs: Structuring Reducers](https://redux.js.org/recipes/structuring-reducers)
- [Redux Docs: Structuring Reducers](https://redux.js.org/recipes/structuring-reducers/structuring-reducers)
Comprehensive information on writing reducers and structuring data, covering reducer composition, use of `combineReducers`, normalizing data, proper immutable updating, and more.
- [Taking Advantage of `combineReducers`](http://randycoulman.com/blog/2016/11/22/taking-advantage-of-combinereducers/)
Examples of using `combineReducers` multiple times to produce a state tree, and some thoughts on tradeoffs in various approaches to reducer logic.
Expand Down
2 changes: 1 addition & 1 deletion react-architecture.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@
Examples of how to think about and model data and UI state

- **Understanding the Functional Revolution in Front-End Applications**
http://blog.reactandbethankful.com/posts/2015/09/15/understanding-the-functional-revolution/
https://web.archive.org/web/20171020192305/http://blog.reactandbethankful.com/posts/2015/09/15/understanding-the-functional-revolution/
Higher-level tutorial describing functional programming and how it relates to Javascript, UI, and client-side applications

- **Functional UI and Components as Higher Order Functions**
Expand Down
8 changes: 6 additions & 2 deletions react-hooks.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@

#### Official Resources

- **React Docs: Hooks (Proposal)**
- **React Docs: Hook**
https://reactjs.org/docs/hooks-intro.html
The main resource for learning hooks. Includes an intro with motivation, tutorials on `useState` and `useEffect`, discussion of custom hooks, the full hooks API reference, and an in-depth FAQ. **Read the hooks docs first before looking at anything else!**

Expand Down Expand Up @@ -56,6 +56,10 @@
https://medium.freecodecamp.org/why-react-hooks-and-how-did-we-even-get-here-aa5ed5dc96af
A look back at earlier common patterns for reusing React logic (mixins, higher-order components, and render props), some of their strengths and weaknesses, and how hooks improve on those patterns.

- **Under the Hood of React's hooks system**
https://medium.com/the-guild/under-the-hood-of-reacts-hooks-system-eb59638c9dba
A well-written explanation of how hooks work internally, with some useful diagrams and snippets of the relevant React implementation code.

- **React RFC #68: React Hooks**
https://github.com/reactjs/rfcs/pull/68
The official RFC announcing hooks. There's hundreds of comments from the community debating various pros and cons of the API design. Probably not worth reading the entire thread, but some interesting thoughts in there.
The official RFC announcing hooks. There's hundreds of comments from the community debating various pros and cons of the API design. Probably not worth reading the entire thread, but some interesting thoughts in there.
6 changes: 5 additions & 1 deletion react-implementation.md
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,10 @@

#### Implementation and Internals

- **React as a UI Runtime by Dan Abramov**
https://overreacted.io/react-as-a-ui-runtime
A deep dive into the React programming model from first principles

- **React.js Reconciliation**
https://www.infoq.com/presentations/react-reconciliation
A video presentation digging into how React's reconciliation algorithm determines how to properly update nodes based on render output.
Expand Down Expand Up @@ -245,4 +249,4 @@

- **What is React Fiber?**
https://giamir.com/what-is-react-fiber
An overview of the React Fiber rewrite, and how React's reconciler has been rewritten to improve performance and make rendering more flexible.
An overview of the React Fiber rewrite, and how React's reconciler has been rewritten to improve performance and make rendering more flexible.
5 changes: 3 additions & 2 deletions redux-architecture.md
Original file line number Diff line number Diff line change
Expand Up @@ -384,7 +384,8 @@
http://randycoulman.com/blog/2016/09/20/redux-reducer-selector-asymmetry/
http://randycoulman.com/blog/2016/09/27/modular-reducers-and-selectors/
http://randycoulman.com/blog/2016/11/29/globalizing-redux-selectors
A blog series discussing approaches to encapsulating Redux data using selectors and other related approaches
http://randycoulman.com/blog/2018/06/12/solving-circular-dependencies-in-modular-redux/
A blog series discussing approaches to encapsulating Redux data using selectors and other related approaches. The last post is a follow-up to the earlier posts in the series, looking at a different approach that he feels works out better.

- **Redux State Keys - A predictable yet dynamic substate**
http://www.robinwieruch.de/redux-state-keys/
Expand Down Expand Up @@ -559,4 +560,4 @@

- **Redux for Chrome Extensions**
https://robots.thoughtbot.com/redux-for-chrome-extensions
A detailed look at how Redux can fit into the Chrome extension architecture
A detailed look at how Redux can fit into the Chrome extension architecture
4 changes: 2 additions & 2 deletions redux-reducers-selectors.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
#### Reducers

- **Redux Docs: Structuring Reducers**
https://redux.js.org/recipes/structuring-reducers
https://redux.js.org/recipes/structuring-reducers/structuring-reducers
Comprehensive information on writing reducers and structuring data, covering reducer composition, use of `combineReducers`, normalizing data, proper immutable updating, and more.

- **"Reducer composition without slicing state"**
Expand Down Expand Up @@ -242,4 +242,4 @@

- **Normalizing Data into Relational Redux State with Normalizr**
https://medium.com/@onoufriosm/organising-redux-state-4b4c2b99eece
Tips on using Normalizr to normalize data, including defining schemas and overriding Normalizr's default processing and merging strategies.
Tips on using Normalizr to normalize data, including defining schemas and overriding Normalizr's default processing and merging strategies.
4 changes: 4 additions & 0 deletions redux-tutorials.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,10 @@
- **Redux Docs**
https://redux.js.org/
The official Redux documentation. FANTASTIC writing - not just "here's the API", but "here's what you want to do and how we came up with this"

- **React-Redux Docs**
https://react-redux.js.org
The official React-Redux documentation. Explains how to correctly use the React-Redux API, including details on writing `mapState` functions and dispatching actions.

- **Getting Started with Redux - Video Series**
https://egghead.io/series/getting-started-with-redux
Expand Down
4 changes: 2 additions & 2 deletions redux-ui-management.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@
A short tutorial that shows how to build your own "toast" notifications in React+Redux, with a link to the resulting implementation.

- **Toast notification system in a React/Redux application**
https://atech.blog/natterly/toast-notification-system-in-a-react-redux-application
https://www.deployhq.com/blog/toast-notification-system-in-a-react-redux-application
The Natterly team walks through how they built a Redux-connected toast notification implementation.

- **A Functional Canvas Approach with Redux**
Expand Down Expand Up @@ -135,4 +135,4 @@

- **Redux Form Validation Tutorial Example From Scratch**
https://appdividend.com/2017/11/05/redux-form-validation-tutorial-example/
A tutorial that demonstrates setting up a Redux app that uses Redux-Form, and adding validation logic to that form.
A tutorial that demonstrates setting up a Redux app that uses Redux-Form, and adding validation logic to that form.
5 changes: 5 additions & 0 deletions webpack-tutorials.md
Original file line number Diff line number Diff line change
Expand Up @@ -311,3 +311,8 @@ Also see the [Awesome Webpack list](https://github.com/d3viant0ne/awesome-webpac
- **webpack-flow**
https://github.com/webpack-flow/webpack-flow
A set of utilities to manage sharable webpack configs and make them reusable.

- **createapp.dev**
https://createapp.dev/webpack
Online tool for creating your own webpack config by selecting the features you need. It's a visual way of learning webpack, and you can download your project as a zip file when you're done!

0 comments on commit c6c7cf5

Please sign in to comment.