Skip to content

Commit

Permalink
Updates, 2019-07-18
Browse files Browse the repository at this point in the history
  • Loading branch information
markerikson committed Jul 18, 2019
1 parent c08cbca commit af6c447
Show file tree
Hide file tree
Showing 10 changed files with 26 additions and 17 deletions.
2 changes: 1 addition & 1 deletion basic-concepts.md
Original file line number Diff line number Diff line change
Expand Up @@ -140,7 +140,7 @@
#### General Suggestions for Learning

- **Learn the Javascript Ecosystem one package at a time**
http://andrewhfarmer.com/npm-sandboxing/
https://www.javascriptstuff.com/npm-sandboxing
Some tips for how to approach learning the JS ecosystem without being overwhelmed.

- **On being overwhelmed with our fast paced industry**
Expand Down
2 changes: 1 addition & 1 deletion boilerplates-and-starter-kits.md
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@
#### Other

- **React Starter Project Search Tool**
http://andrewhfarmer.com/starter-project/
https://www.javascriptstuff.com/react-starter-projects/
Search for starter kits with/without specific libraries and sort by GitHub stars, number of dependencies, or recently updated.

- **Awesome React Boilerplates**
Expand Down
4 changes: 2 additions & 2 deletions react-ajax.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,11 +23,11 @@
An excellent look at several key aspects of fetching in data in React apps, including what components should containg the fetching and display logic, what lifecycle methods to use for API calls, and how to abstract out the fetching process into its own component.

- **React AJAX Best Practices**
http://andrewhfarmer.com/react-ajax-best-practices/
https://www.javascriptstuff.com/react-ajax-best-practices
Covers four ways to approach managing queries and data fetching.

- **AJAX/HTTP Library Comparison**
http://andrewhfarmer.com/ajax-libraries/
https://www.javascriptstuff.com/ajax-libraries
A useful overview of the most popular AJAX libraries, including platform support and feature comparisons.

- **Loading data from APIs in React**
Expand Down
2 changes: 1 addition & 1 deletion react-architecture.md
Original file line number Diff line number Diff line change
Expand Up @@ -288,7 +288,7 @@


- **Three Example React Stacks**
http://andrewhfarmer.com/three-example-react-stacks/
https://www.javascriptstuff.com/three-example-react-stacks
Descriptions of three different application/deployment scenarios, and example React library+tool stacks that would be appropriate for each.

- **Reusable Web Application Strategies: three patterns for running the same app in multiple spots**
Expand Down
2 changes: 1 addition & 1 deletion react-component-patterns.md
Original file line number Diff line number Diff line change
Expand Up @@ -208,7 +208,7 @@
#### Component Communication

- **8 no-Flux strategies for React component communication**
http://andrewhfarmer.com/component-communication/
https://www.javascriptstuff.com/component-communication
Very helpful list of ways to have React components communicate back and forth

- **How to communicate between React components**
Expand Down
2 changes: 1 addition & 1 deletion react-deployment.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
Walks through the basics of configuring a Create-React-App-based Electron app and building it for production.

- **React with Any Backend**
http://andrewhfarmer.com/react-with-any-backend/
https://www.javascriptstuff.com/react-with-any-backend
Some short discussion and suggestions for project structure and deployment steps when building a React app that talks to a non-Javascript backend server.

- **Building a Full-Stack App with Serverless and React**
Expand Down
15 changes: 12 additions & 3 deletions react-hooks.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,11 +22,16 @@

- **A Simple Intro to React Hooks**
https://daveceddia.com/intro-to-hooks/
Dave Ceddia continues his excellent easy-to-read React tutorials with a friendly intro to the basics of the `useState` hook. Also see [the other articles in his hooks intro series](https://daveceddia.com/archives/) as well.
https://daveceddia.com/usestate-hook-examples/
https://daveceddia.com/usereducer-hook-examples/
https://daveceddia.com/useeffect-hook-examples/
https://daveceddia.com/usecontext-hook/
Dave Ceddia continues his excellent easy-to-read React tutorials with a friendly intro to the basics of several hooks.

- **What are React Hooks?**
https://www.robinwieruch.de/react-hooks/
An excellent article by Robin Wieruch. Includes examples of problems that hooks can help solve, discussion of how the changes affect React overall, and multiple examples for the `useState` and `useEffect` hooks.
https://www.robinwieruch.de/react-hooks-fetch-data/
An excellent article by Robin Wieruch. Includes examples of problems that hooks can help solve, discussion of how the changes affect React overall, and multiple examples for the `useState` and `useEffect` hooks. A follow-up post discusses how to handle data fetching.

- **Everything you need to know about React Hooks**
https://dev.to/vcarl/everything-you-need-to-know-about-react-hooks-doh
Expand All @@ -37,7 +42,7 @@
An extensive article with numerous examples of `useState`, `useEffect`, and `useContext`. Also covers `useRef`, custom hooks, writing tests for hooks, and some community reactions.


#### Understanding Hooks Internals
#### Understanding Hooks Concepts

- **React Hooks Demystified**
https://dev.to/kayis/react-hooks-demystified-2af6
Expand All @@ -47,6 +52,10 @@
https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e
Describes how the "rules of hooks" are all about React's use of arrays (or linked lists) internally, with diagrams to illustrate how the behavior is implemented.

- **Why React Hooks, and how did we even get here?**
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.

- **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.
4 changes: 2 additions & 2 deletions react-styling.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
An introduction to using React's built-in inline styling abilities

- **How To Style React**
http://andrewhfarmer.com/how-to-style-react/
https://www.javascriptstuff.com/how-to-style-react
An excellent overview of the four major ways to deal with styles in React, and what the various tools are. Includes a decision tree to help you decide what to use.

- **Understand the React Styling Paradigms**
Expand Down Expand Up @@ -87,7 +87,7 @@
#### CSS-Based Approaches

- **CSS Modules by Example**
http://andrewhfarmer.com/css-modules-by-example/
https://www.javascriptstuff.com/css-modules-by-example/
A set of 7 examples demonstrating ways to use CSS modules.

- **Elephants, The Three Code Ilities, & Two Months With CSS Modules**
Expand Down
8 changes: 4 additions & 4 deletions webpack-advanced-techniques.md
Original file line number Diff line number Diff line change
Expand Up @@ -304,10 +304,10 @@
Dan Abramov walks through the history of his React Hot Loader and React Transform tools, describes their implementation, flaws, and weaknesses, and looks at a potential solution (later implemented in React Hot Loader 3.0).

- **HMR Tutorial Series**
http://andrewhfarmer.com/why-use-hmr/
http://andrewhfarmer.com/understanding-hmr/
http://andrewhfarmer.com/3-ways-webpack-hmr/
http://andrewhfarmer.com/webpack-hmr-tutorial/
https://javascriptstuff.com/why-use-hmr/
https://javascriptstuff.com/understanding-hmr/
https://javascriptstuff.com/3-ways-webpack-hmr/
https://www.javascriptstuff.com/webpack-hmr-tutorial/
A very readable and informative series of articles on using HMR.

- **Blogged Answers: Webpack HMR vs React-Hot-Loader**
Expand Down
2 changes: 1 addition & 1 deletion webpack-tutorials.md
Original file line number Diff line number Diff line change
Expand Up @@ -234,7 +234,7 @@ Also see the [Awesome Webpack list](https://github.com/d3viant0ne/awesome-webpac
A goofy but informative look at many of the concepts and pieces that make up Webpack

- **Webpack Loader Variations**
http://andrewhfarmer.com/webpack-loader-variations/
https://javascriptstuff.com/webpack-loader-variations/
Examples of the different ways to define a loader in a Webpack config

- **Remix's Software Stack: Webpack**
Expand Down

0 comments on commit af6c447

Please sign in to comment.