Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft: Configured link check action and removed dead links #144

Merged
merged 15 commits into from Oct 2, 2021
17 changes: 17 additions & 0 deletions .github/workflows/action.yml
@@ -0,0 +1,17 @@
name: Check URLs for dead links
on:
workflow_dispatch:
schedule:
- cron: "0 11 * * 1" # Runs weekly at 7:00 AM EST on Monday
push:
jobs:
markdown-link-check:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@master
- uses: gaurav-nelson/github-action-markdown-link-check@v1
with:
config-file: 'mlc_config.json'
use-quiet-mode: 'yes'
use-verbose-mode: 'yes'

21 changes: 2 additions & 19 deletions README.md
Expand Up @@ -94,8 +94,6 @@ All of the links in this collection are worth reading, but there's obviously a L
- [Timeline for Learning React](https://daveceddia.com/timeline-for-learning-react/)
[How to Learn React](https://daveceddia.com/how-to-learn-react/)
Another high-level suggested timeline for how to approach learning React and related technologies.
- [React Roadmap](https://github.com/ericdouglas/react-roadmap)
A curated list of free resources to master React Development, in suggested learning order
- [Tips to learn React + Redux](https://www.robinwieruch.de/tips-to-learn-react-redux/)
An extensive and excellent list of suggestions to follow when learning and using React and Redux. Tips include when to use different component patterns, when to bring in a state management library, Redux state structuring, unit testing, and much more.

Expand Down Expand Up @@ -172,8 +170,6 @@ If you are new to React, try reading these articles in order.
An excellent list of common patterns for structuring React components, with examples
- [The React Component Lifecycle](https://www.kirupa.com/react/component_lifecycle.htm)
A useful description of the order and purpose of React’s component lifecycle methods.
- [8 no-Flux strategies for React component communication](http://andrewhfarmer.com/component-communication/)
Very helpful list of ways to have React components communicate back and forth
- [Presentational and Container Components](https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0)
Dan Abramov's foundational article on classifying components based on intent and behavior. A must-read for anyone using React.
- [Mixins Considered Harmful](https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html)
Expand All @@ -197,16 +193,12 @@ If you are new to React, try reading these articles in order.
Dan Abramov from the React team gives his thoughts on how to handle method binding.

### AJAX requests and Data Fetching
- [React AJAX Best Practices](http://andrewhfarmer.com/react-ajax-best-practices/)
Covers four ways to approach managing queries and data fetching.
- [AJAX Requests in React: How and Where to Fetch Data](https://daveceddia.com/ajax-requests-in-react/)
An overview of where AJAX requests fit into React usage.

### Immutable Data
- [Pros and Cons of Using Immutability With React](http://reactkungfu.com/2015/08/pros-and-cons-of-using-immutability-with-react-js/)
Excellent description of what immutability is, how to use use these concepts with React, and pros and cons of managing data immutably. While the title refers to React, most of the writing just deals with plain Javascript concepts.
- [Javascript and Immutability](http://t4d.io/javascript-and-immutability/)
A description of how to properly immutably update objects and arrays using functions like assign and slice
- [Redux Docs: Structuring Reducers - Immutable Update Patterns](https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns)
Useful examples for doing proper immutable updates, including common mistakes, proper updates of nested data, updates for arrays, and more. (Helpful for Redux, but not Redux-specific.)

Expand Down Expand Up @@ -236,14 +228,12 @@ If you are new to React, try reading these articles in order.
### Getting Started
- [Redux Docs](https://redux.js.org/)
The official Redux documentation. Contains an excellent tutorial that walks you through “here’s what you want to do, and how we came up with this”, as well as recipes for more advanced topics. Be sure to read through the FAQ for answers to common questions and links to further information.
- [Getting Started with Redux - Video Series](https://egghead.io/series/getting-started-with-redux)
- [Getting Started with Redux - Video Series](https://app.egghead.io/playlists/fundamentals-of-redux-course-from-dan-abramov-bd5cc867)
[Getting Started with Redux - Course Notes](https://github.com/tayiorbeii/egghead.io_redux_course_notes)
Dan Abramov, the creator of Redux demonstrates various concepts in 30 short (2-5 minute) videos. The linked Github repo contains notes and transcriptions of the videos.
- [Building React Applications with Idiomatic Redux - Video Series](https://egghead.io/series/building-react-applications-with-idiomatic-redux)
- [Building React Applications with Idiomatic Redux - Video Series](https://app.egghead.io/series/building-react-applications-with-idiomatic-redux)
[Building React Applications with Idiomatic Redux - Course Notes](https://github.com/tayiorbeii/egghead.io_idiomatic_redux_course_notes)
Dan Abramov's second video tutorial series, continuing directly after the first. Includes lessons on store initial state, using Redux with React Router, using "selector" functions, normalizing state, use of Redux middleware, async action creators, and more. The linked Github repo contains notes and transcriptions of the videos.
- [A Cartoon Guide to Redux](https://code-cartoons.com/a-cartoon-intro-to-redux-3afb775501a6)
A nifty introduction to Redux’s concepts using cartoon explanations
- [Redux: From Twitter Hype to Production](http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/)
An extremely well-produced slideshow that visually steps through core Redux concepts, usage with React, project organization, and side effects with thunks and sagas. Has some absolutely fantastic animated diagrams demonstrating how data flows through a React+Redux architecture.
- [Leveling Up with React: Redux](https://css-tricks.com/learning-react-redux/)
Expand All @@ -265,8 +255,6 @@ If you are new to React, try reading these articles in order.
Understanding middlewares through a series of small experiments

### Debugging
- [Hot reloading and time travel debugging: what are they?](https://code-cartoons.com/hot-reloading-and-time-travel-debugging-what-are-they-3c8ed2812f35)
A short but informative article describing these concepts and why they're useful, with cartoon illustrations
- [Time Travel in React Redux apps using the Redux DevTools](https://onsen.io/blog/react-redux-devtools-with-time-travel/)
Examples of configuring a Redux store to use the DevTools enhancers, and using both the DevTools components and the browser extension for debugging.

Expand Down Expand Up @@ -313,10 +301,5 @@ If you are new to React, try reading these articles in order.
Formidable Labs describes their preferred approaches for configuring Webpack, including optimization approaches.

### Hot Module Reloading
- [HMR Tutorial: Why Use HMR?](http://andrewhfarmer.com/why-use-hmr/)
[HMR Tutorial: Understanding HMR](http://andrewhfarmer.com/understanding-hmr/)
[HMR Tutorial: 3 Ways to use HMR with Webpack](http://andrewhfarmer.com/3-ways-webpack-hmr/)
[HMR Tutorial: HMR Ideas and Setup](http://andrewhfarmer.com/webpack-hmr-tutorial/)
A very readable and informative series of articles that explains what HMR is, what benefits it gives, and how to use it.
- [Webpack Hot Reloading and React](https://ctheu.com/2015/12/29/webpack-hot-reloading-and-react-how/)
An explanation of how Hot Reloading works, and how the various pieces fit together.
8 changes: 0 additions & 8 deletions basic-concepts.md
Expand Up @@ -100,10 +100,6 @@
https://daveceddia.com/how-to-learn-react/
Another high-level suggested timeline for how to approach learning React and related technologies.

- **React Roadmap**
https://github.com/ericdouglas/react-roadmap
A curated list of free resources to master React Development, in suggested learning order

- **React FAQ**
https://github.com/timarney/react-faq
A collection of links to help answer your questions about React, including how to get started
Expand Down Expand Up @@ -172,10 +168,6 @@
http://goshakkk.name/redux-vs-mobx-vs-flux-etoomanychoices/
Advice on avoiding choice overload when learning a toolset like React, by simplifying and just focusing on one new thing at a time.

- **How to avoid Javascript fatigue and sleep well at night**
https://www.javascriptfatigue.club/blog/2016/11/29/how-to-avoid-javascript-fatigue-and-sleep-well-at-night
A talk giving suggestions for dealing with learning tools and techologies, including knowing when to stop reading, following specific experts, learning patterns, and focusing on what the real problem is you're trying to solve

- **How to Manage Javascript Fatigue**
https://auth0.com/blog/how-to-manage-javascript-fatigue/
A description of what "JS fatigue" means in practice, and advice for managing it, including "picking battles", "make something interesting", and "be aware of common concepts".
Expand Down
19 changes: 1 addition & 18 deletions boilerplates-and-starter-kits.md
Expand Up @@ -83,12 +83,6 @@
http://habd.as/awesome-react-boilerplates/
Another good curated list of boilerplates for both React and React Native

- **React Community: Starter Kit**
https://reactjs.org/community/starter-kits.html
A list of starter kits that are officially recommended by the React team, as well as other kits from the community.



#### React Project Setup

- **Simple React Development in 2018**
Expand Down Expand Up @@ -130,18 +124,7 @@
- **Setup a React Environment using Webpack and Babel**
https://scotch.io/tutorials/setup-a-react-environment-using-webpack-and-babel
A tutorial that teaches how to set up a basic Webpack 2 + Babel config from scratch.

- **Setting up a Front-End Project**
https://medium.com/@Torwori/setting-up-a-front-end-project-part-1-d7fbaaaa5e14
https://medium.com/@Torwori/setting-up-a-front-end-project-part-2-cbbae56ffd15
https://medium.com/@Torwori/setting-up-a-front-end-project-part-3-38f1681d310b
https://medium.com/@Torwori/setting-up-a-front-end-project-part-4-b6fe32e58e5
An in-depth tutorial series covering setup and configuration of many tools, including Git, Webpack, Babel, ESLint, and Typescript.


- **Setting up Webpack, Babel, and React from scratch in 2017**
https://stanko.github.io/webpack-babel-react-revisited/
A step-by-step tutorial that demonstrates each piece of the process needed to set up a build system from scratch.

- **How to set up React, Webpack 3, and Babel, in 2017**
https://www.valentinog.com/blog/react-webpack-babel/
A clear explanation of how to create a basic Webpack+Babel setup for a React app, with descriptions of why each step is necessary.
18 changes: 1 addition & 17 deletions community-resources.md
Expand Up @@ -23,10 +23,6 @@
https://github.com/d3viant0ne/awesome-webpack
A curated list of awesome Webpack resources, libraries and tools

- **React Roadmap**
https://github.com/ericdouglas/react-roadmap
A curated list of free resources to master React Development

- **React FAQ**
https://github.com/timarney/react-faq
A collection of links to help answer your questions about React.js
Expand Down Expand Up @@ -116,22 +112,14 @@

#### Newsletters

- **Full Stack React**
http://newsletter.fullstackreact.com/
Fullstack React is a weekly newsletter about the React ecosystem with an emphasis on useful libraries, tutorials and code. Subscribe to read the best articles each week on React, Flux, GraphQL, Relay, and friends.

- **React.js Newsletter**
http://reactjsnewsletter.com/
The free, weekly newsletter of the best React.js news, articles, projects, and more - brought to you by React.js Program

- **React Digest**
http://reactdigest.net/
A free, weekly newsletter about the latest news in React Javascript community. The only news source you need targeted on (but not limited to) React, Javascript, Flux and functional programming.

- **Curated React**
http://curatedreact.com/
Curated React is a weekly curated publication full of interesting, relevant links geared towards ReactJS and React Native.


- **React Statuscode**
http://react.statuscode.com/
A free, once-weekly e-mail newsletter on React from the authors of JavaScript Weekly.
Expand All @@ -144,10 +132,6 @@
https://ponyfoo.com/weekly
A single email every thursday, discussing front-end web development and related technologies.

- **Deterministic**
https://deterministic.curated.co
A weekly digest of interesting news and articles covering functional programming for the web, especially on the front end.

- **ES.next News**
http://esnextnews.com/
5 ECMAScript.next links every week, in your inbox. Curated by Dr. Axel Rauschmayer and Johannes Weber.
Expand Down