Potential Links Dump: 2020-08-15

A Pattern for Redux Thunk Async Actions
https://spin.atomicobject.com/2018/11/19/redux-thunk-async-actions/
The Power of Redux and React.lazy: Reusing UI and the Data Layer
https://medium.com/front-end-hacking/the-power-of-redux-and-react-lazy-bdeb21028f43
Building the Unsplash.com Uploader (with open source React/Redux/TS prototype)
https://www.reddit.com/r/reactjs/comments/9zen8l/building_the_unsplashcom_uploader_with_open/
koba04/react-fiber-resources
https://github.com/koba04/react-fiber-resources
Inside Fiber: in-depth overview of the new reconciliation algorithm in React
https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e
The how and why on React’s usage of linked list in Fiber
https://www.reddit.com/r/reactjs/comments/9uyo6u/the_how_and_why_on_reacts_usage_of_linked_list_in/
Solving Circular Dependencies in Modular Redux
http://randycoulman.com/blog/2018/06/12/solving-circular-dependencies-in-modular-redux/
React Tutorial : Learn React JS For Free
https://scrimba.com/g/glearnreact
Using Socket.io with Redux - Websocket Redux Middleware
https://nmajor.com/posts/using-socket-io-with-redux-websocket-redux-middleware
Post not available yet
https://react.christmas/2018/2
The best way to test Redux Sagas
https://dev.to/phil/the-best-way-to-test-redux-sagas-4hib
In-depth explanation of state and props update in React
https://medium.com/react-in-depth/in-depth-explanation-of-state-and-props-update-in-react-51ab94563311
Modernizing the Web Playback UI
https://medium.com/netflix-techblog/modernizing-the-web-playback-ui-1ad2f184a5a0
When To Use Redux And When Stick To The Context API? Simplify Your App!
https://ideamotive.co/blog/redux-vs-context-api/
The state of CSS, CSS in JS & how styled-components is solving the problems we’ve had for decades
https://medium.com/@piggyslasher/the-state-of-css-css-in-js-how-styled-components-is-solving-the-problems-weve-had-for-decades-d8abbc8bc148
Exposing a Promise-Based API from a Reactive Core (v3.0 Journal)
https://snipcart.com/blog/redux-middleware-example
Developing React custom hooks for Redux without react-redux
https://medium.com/@dai_shi/developing-react-custom-hooks-for-redux-without-react-redux-483a90de0c71
Redux Typescripted
https://blog.rangle.io/redux-typescripted/
The best way to architect your Redux app
https://medium.freecodecamp.org/the-best-way-to-architect-your-redux-app-ad9bd16c8e2d
Creating Reusable React Components
https://www.pluralsight.com/courses/react-creating-reusable-components
Conquering a Double-Barrel Webpack Upgrade
https://www.stackery.io/blog/webpack-upgrade/
Upgrading to React-Redux v6: Around the New Context API
https://dev.to/wgao19/upgrading-to-react-redux-v6-around-the-new-context-api-5725
Five Tips for Working with Redux in Large Applications
https://techblog.appnexus.com/five-tips-for-working-with-redux-in-large-applications-89452af4fdcb
Become a Git pro in just one blog. A thorough guide to Git architecture and command line interface
https://itnext.io/become-a-git-pro-in-just-one-blog-a-thorough-guide-to-git-architecture-and-command-line-interface-93fbe9bdb395
Redux Middleware Patterns
https://medium.com/@bkilrain/redux-middleware-patterns-7dab3a2cdec9
React Redux Tutorial for Beginners: The Definitive Guide (2020)
https://www.valentinog.com/blog/redux/
Redux Middleware Patterns
https://www.reddit.com/r/reactjs/comments/a8ndbv/redux_middleware_patterns/
4 Features to Boost React-Redux Performance
https://patrickdesjardins.com/blog/4-features-to-boost-react-redux-performance
Controlling Web Audio With React and Redux Middleware
https://itnext.io/controlling-web-audio-with-react-and-redux-middleware-39b1a4b0c2ba
Making Redux more accessible with Rematch framework
https://diophant.com/blog/making-redux-more-accessible-with-rematch-framework/
How to learn React.js in 2019
https://www.robinwieruch.de/learn-react-js
Redux middlewares to decouple dependencies.
https://itnext.io/redux-middlewares-to-decouple-dependencies-4d5dc4c1dd06
How to Load Initial Data on Startup with Redux Thunk
https://spin.atomicobject.com/2019/01/03/redux-thunk-load-initial-data/
Simple Redux—A bare-bones redux implementation for teaching purposes
https://www.reddit.com/r/reactjs/comments/acgav3/simple_reduxa_barebones_redux_implementation_for/
Complete Intro to React v4
https://btholt.github.io/complete-intro-to-react-v4/
The React Handbook
https://reacthandbook.com/
JavaScript Modules: From IIFEs to CommonJS to ES6 Modules
https://tylermcginnis.com/javascript-modules-iifes-commonjs-esmodules/
Array iteration methods summarized
https://gist.github.com/ljharb/58faf1cfcb4e6808f74aae4ef7944cff
How to teach Git : Hacker News
https://news.ycombinator.com/item?shownew&id=18919599
How to teach Git
https://www.reddit.com/r/programming/comments/agko6r/how_to_teach_git/
Bridging the Gap Between CSS and JavaScript: CSS-in-JS
https://css-tricks.com/bridging-the-gap-between-css-and-javascript-css-in-js/
React Introduction For People Who Know Just Enough jQuery To Get By (2019 version)
https://medium.freecodecamp.org/react-introduction-for-people-who-know-just-enough-jquery-to-get-by-2019-version-28a4b4316d1a
The Good/The Bad of React & Redux: And Why Ducks Might Be The Solution
https://medium.com/swlh/the-good-the-bad-of-react-redux-and-why-ducks-might-be-the-solution-1567d5bdc698
Garbage Collection in Redux Applications
https://developers.soundcloud.com/blog/garbage-collection-in-redux-applications
Implementation notes on react's scheduling model as of (shortly before) 16.8.0
https://gist.github.com/Jessidhia/49d0915b7e722dc5b49ab9779b5906e8
Git Beginner Cheatsheet - with diagrams and animated code gifs explaining fundamentals
https://www.reddit.com/r/programming/comments/akdrak/git_beginner_cheatsheet_with_diagrams_and/
The Ultimate Beginner Git Cheatsheet
https://mukul-rathi.github.io/git-beginner-cheatsheet/
Advanced Redux Patterns: Normalisation
https://blog.brainsandbeards.com/advanced-redux-patterns-normalisation-6b9a5aa46e1f
The Request Lifecycle
https://nielskrijger.com/posts/2018-09-22/the-request-lifecycle/
https://benmccormick.org/2019/02/11/reusable-react/
Getting a Promise from Redux Actions
https://medium.com/@erikras/getting-a-promise-from-redux-actions-d92787894368
Four Ways to Immutability in JavaScript
https://dev.to/glebec/four-ways-to-immutability-in-javascript-3b3l
An Overview of JavaScript Testing in 2019
https://medium.com/welldone-software/an-overview-of-javascript-testing-in-2019-264e19514d0a
React Resources
https://reactresources.com/
A Complete Guide to useEffect
https://overreacted.io/a-complete-guide-to-useeffect/
A Complete React Redux Tutorial for Beginners (2019)
https://daveceddia.com/redux-tutorial/
Pure Redux
https://daveceddia.com/pure-redux/
Write yourself a Git!
https://wyag.thb.lt/
React Function Components
https://www.robinwieruch.de/react-function-component
Architecting UIs for Change
https://joreteg.com/blog/architecting-uis-for-change
My Redux Learning Experience
https://medium.com/@shaungc/my-redux-learning-experience-de09f5150adb
There is No U in CRUD
https://dev.to/jlhcoder/there-is-no-u-in-crud
Modular redux architecture
https://dev.to/jovidecroock/modular-redux-57nl
From Redux to Hooks: A Case Study
https://www.reddit.com/r/reactjs/comments/ba3bem/from_redux_to_hooks_a_case_study/
React State Hooks: useReducer, useState, useContext
https://www.robinwieruch.de/react-state-usereducer-usestate-usecontext
How to pass props to components in React
https://www.robinwieruch.de/react-pass-props-to-component/
Why Action is a bad name for a Redux Action
https://medium.com/magnetis-backstage/why-action-is-a-bad-name-for-a-redux-action-68bec375539e
JavaScript (ES2015+) Enlightenment
https://frontendmasters.com/books/javascript-enlightenment/
React Hooks cheat sheet: Unlock solutions to common problems
https://blog.logrocket.com/react-hooks-cheat-sheet-unlock-solutions-to-common-problems-af4caf699e70/
A Few Gripes With Styled Components
https://dreith.com/blog/a-few-gripes-with-styled-components/
React Hooks - A deeper dive featuring useContext and useReducer
https://testdriven.io/blog/react-hooks-advanced/
The CSS Handbook: a handy guide to CSS for developers
https://medium.freecodecamp.org/the-css-handbook-a-handy-guide-to-css-for-developers-b56695917d11
Choosing a CSS in JS library
https://gist.github.com/troch/c27c6a8cc47b76755d848c6d1204fdaf
Why use thunks?
https://www.reddit.com/r/reactjs/comments/binitb/why_use_thunks/
Managing side effects and building scalable React apps with Redux Saga
https://www.reddit.com/r/reactjs/comments/bjgclw/managing_side_effects_and_building_scalable_react/
donavon/hook-flow
https://github.com/donavon/hook-flow
Redux with Code-Splitting and Type Checking
https://www.matthewgerstman.com/tech/redux-code-split-typecheck/
Hands down the best presentation I've ever seen over JavaScript Bundlers/Module system
https://www.reddit.com/r/javascript/comments/blzd1m/hands_down_the_best_presentation_ive_ever_seen/
React Code Splitting in 2019
https://itnext.io/react-code-splitting-in-2019-9a5d2776c502
Articles
https://www.javascriptstuff.com/articles/
React Data Layer Series - Part 1
https://www.bignerdranch.com/blog/react-data-layer/
JavaScript Engines: How Do They Even Work? From Call Stack to Promise, (almost) Everything You Need to Know
https://www.valentinog.com/blog/engines/
Scalable Frontend #3 — The State Layer
https://blog.codeminer42.com/scalable-frontend-3-the-state-layer-b23ed69ca57c
Another perspective of some css-in-js solutions
http://justthisguy.co.uk/css-in-js/
Redesigning Redux
https://hackernoon.com/redesigning-redux-b2baee8b8a38
New Redux Hooks: A Before And After Comparison. Are They Better?
https://dev.to/gsto/new-redux-hooks-a-before-and-after-comparison-are-they-better-loj
How to fix nasty circular dependency issues once and for all in JavaScript & TypeScript
https://medium.com/visual-development/how-to-fix-nasty-circular-dependency-issues-once-and-for-all-in-javascript-typescript-a04c987cf0de
Advanced Redux: Design Patterns and Practices - Nir Kaufman | JSHeroes 2018
https://www.youtube.com/watch?v=5gl3cCB_26M
btholt/complete-intro-to-react-v5
https://github.com/btholt/complete-intro-to-react-v5
Css Modules by Example
https://www.javascriptstuff.com/css-modules-by-example/
Bridging the Gap Between CSS and JavaScript: CSS Modules, PostCSS and the Future of CSS
https://css-tricks.com/bridging-the-gap-between-css-and-javascript-css-modules-postcss-and-the-future-of-css/
Matthew Gerstman - TypeScript: Seeing Past the Hype
https://www.youtube.com/watch?v=veXkJq0Z2Qk
Why is my webpack build slow?
https://samsaccone.com/posts/why-is-my-webpack-build-slow.html
Types or Tests: Why Not Both?
https://css-tricks.com/types-or-tests-why-not-both/
How to convert your existing Redux containers to Hooks
https://blog.logrocket.com/how-to-convert-your-existing-redux-containers-to-hooks/
JavaScript fundamentals before learning React
https://www.robinwieruch.de/javascript-fundamentals-react-requirements
Выведение Action type с помощью Typescript
https://habr.com/ru/company/alfa/blog/452620/
React Testing Library Common Scenarios
https://rafaelquintanilha.com/react-testing-library-common-scenarios/
The Complete Introduction to React
https://jscomplete.com/learn/complete-intro-react
When a rewrite isn’t: rebuilding Slack on the desktop
https://slack.engineering/rebuilding-slack-on-the-desktop-308d6fe94ae4
All about Immutable Arrays and Objects in JavaScript
https://ultimatecourses.com/blog/all-about-immutable-arrays-and-objects-in-javascript
Scheduling is the Future - Brandon Dail aka @aweary at @ReactEurope 2019
https://www.reddit.com/r/reactjs/comments/cgvler/scheduling_is_the_future_brandon_dail_aka_aweary/
Do React Hooks Replace Redux?
https://medium.com/javascript-scene/do-react-hooks-replace-redux-210bab340672
Why React Hooks?
https://tylermcginnis.com/why-react-hooks/
CSS: From Zero to Hero
https://dev.to/aspittel/css-from-zero-to-hero-3o16
*ooooops I guess we’re full-stack developers now**
https://full-stack.netlify.com/
5 Tips to Help You Avoid React Hooks Pitfalls
https://kentcdodds.com/blog/react-hooks-pitfalls
Testing redux reducers - leveraging selectors
https://blog.thepete.net/blog/2019/08/07/testing-redux-reducers---leveraging-selectors/
Testing React components: Enzyme vs React Testing Library
https://claritydev.net/blog/testing-react-components-enzyme-vs-react-testing-l
Fun with React Hooks - great 1hr talk on the mental modal of useState and useEffect by Michael Jackson and Ryan Florence
https://www.reddit.com/r/reactjs/comments/cpi5ra/fun_with_react_hooks_great_1hr_talk_on_the_mental/
The Differing Perspectives on CSS-in-JS
https://css-tricks.com/the-differing-perspectives-on-css-in-js/
Asynchronous with Redux Sagas
https://dev.to/irmerk/asynchronous-with-redux-sagas-44dm
Artem Sapegin on Twitter
https://twitter.com/iamsapegin/status/1163428505721475074
Have Confidence in Your Redux Apps With Integration and Unit Testing
https://www.robertcooper.me/testing-redux-apps
Can You Replace Redux with React Hooks?
https://dev.to/chrisachard/can-you-replace-redux-with-react-hooks-20gm
Handling API request race conditions in React
https://sebastienlorber.com/handling-api-request-race-conditions-in-react
How to Become a Front-end Developer in 2019
https://www.dimitrimarion.com/blog/2019/08/28/how-to-become-front-end-developer/
How to test React-Redux connected Components
https://www.robinwieruch.de/react-connected-component-test
Why is React doing this?
https://gist.github.com/sebmarkbage/a5ef436427437a98408672108df01919
We’re using Redux selectors too much
https://medium.com/iadvize-engineering/were-using-redux-selectors-too-much-2d5d24ac92d5
Stale props and zombie children in Redux2019-09-09
https://kaihao.dev/posts/Stale-props-and-zombie-children-in-Redux
Profile a React App for Performance
https://kentcdodds.com/blog/profile-a-react-app-for-performance
Amelia Wattenberger
https://wattenberger.com/blog/react-hooks
CSS Modules with React: The Complete Guide
https://blog.yipl.com.np/css-modules-with-react-the-complete-guide-a98737f79c7c
The ultimate guide to drag and drop in React
https://blog.logrocket.com/drag-and-drop-in-react/
State Colocation will make your React app faster
https://kentcdodds.com/blog/state-colocation-will-make-your-react-app-faster
React Boston | mcrowder65
https://testingreactboston.netlify.com/about-me
Reasons to learn Redux as a JavaScript Developer
https://www.robinwieruch.de/redux-javascript
Performance Testing React With Anonymous Functions
https://www.matthewgerstman.com/tech/performance-testing-anonymous-functions/
Under the hood of React’s hooks system
https://medium.com/the-guild/under-the-hood-of-reacts-hooks-system-eb59638c9dba
Don't Sync State. Derive It!
https://kentcdodds.com/blog/dont-sync-state-derive-it
Creating reusable and composable paramaterized Reselect selectors
https://flufd.github.io/reselect-with-multiple-parameters/
tranbathanhtung/react-fiber-implement
https://github.com/tranbathanhtung/react-fiber-implement
Redux Devtools for Dummies
https://codeburst.io/redux-devtools-for-dummies-74566c597d7
Debugging Redux applications
http://freecontent.manning.com/debugging-redux-applications/
The melting pot of JavaScript
https://increment.com/development/the-melting-pot-of-javascript/
Why Redux makes you a better JavaScript Developer
https://www.reddit.com/r/reactjs/comments/df0bvv/why_redux_makes_you_a_better_javascript_developer/
JS illustrated: Promises
https://dev.to/kapantzak/js-illustrated-promises-3ign
React State: this.state and setState (Legacy)
https://www.robinwieruch.de/react-state
Good Action Hygiene with NgRx Mike Ryan
https://www.youtube.com/watch?v=JmnsEvoy-gY
Portals with Context
https://reacttraining.com/blog/portals-with-context/
React hooks... Oops! Part 3 - an effect doesn't run again when its dependencies change
https://lukaszmakuch.pl/post/react-hooks-oops-part-3-an-effect-does-not-run-again-when-its-dependencies-change/
Redux Selectors: A Quick Tutorial
https://daveceddia.com/redux-selectors/
Build your own React
https://pomb.us/build-your-own-react/
Suspense Explained
https://adamrackis.dev/suspense-explained/
A better approach for testing your Redux code
https://blog.henriquebarcelos.dev/a-better-approach-for-testing-your-redux-code-ck3dnpqnu00uro4s178b8aw3e
Why is modern web development so complicated? A long yet hasty explanation: Part 1!
https://www.vrk.dev/2019/07/11/why-is-modern-web-development-so-complicated-a-long-yet-hasty-explanation-part-1/
How to know what to test
https://kentcdodds.com/blog/how-to-know-what-to-test
dmmulroy/talks
https://github.com/dmmulroy/talks/blob/master/event-driven-redux/slides.pdf
Our Redux Anti Pattern
https://rangle.slides.com/yazanalaboudi/deck
How to manage components renderings
https://breakingjs.com/react-rendering-performances/
How the Web Works Part III: HTTP & REST
https://www.preethikasireddy.com/post/how-the-web-works-part-iii-http-rest
3 Reasons to Avoid Using ImmutableJS With Redux
https://medium.com/better-programming/3-reasons-to-avoid-using-immutablejs-with-redux-b0109d0123e8
An abbreviated history of JavaScript package managers
https://medium.com/@MattGoldwater/an-abbreviated-history-of-javascript-package-managers-f9797be7cf0e
The Many Jobs of JS Build Tools
https://www.swyx.io/writing/jobs-of-js-build-tools
React Tutorial: An Overview and Walkthrough
https://www.taniarascia.com/getting-started-with-react/
Using Redux with React Hooks
https://thoughtbot.com/blog/using-redux-with-react-hooks
‌‌
https://hackernoon.com/shape-your-redux-store-like-your-database-98faa4754fd5
Implementing Undo/Redo Functionality in Redux using Immer
https://techinscribed.com/implementing-undo-redo-functionality-in-redux-using-immer/
A journey through the implementation of the useState hook
https://newline.co/@CarlMungazi/a-journey-through-the-usestate-hook--a4983397
The complete guide to building headless interface components in React
https://blog.logrocket.com/the-complete-guide-to-building-headless-interface-components-in-react/
React with TypeScript: Best Practices
https://www.sitepoint.com/react-with-typescript-best-practices/
Redux Explained in One Simple Sentence
http://evanxmerz.com/blog/index.php/2020/01/18/redux-explained-in-one-simple-sentence/
Dillon Mulroy on Twitter
https://twitter.com/dillon_mulroy/status/1218915941003620353
Restorable Randomness in a Redux App, Part 1 – Getting Started
https://spin.atomicobject.com/2020/01/21/redux-restorable-randomness/
Redux is half of a pattern (1/2)
https://dev.to/davidkpiano/redux-is-half-of-a-pattern-1-2-1hd7
Restorable Randomness in a Redux App, Part 2 – Middleware & Reducers
https://spin.atomicobject.com/2020/01/22/randomness-redux-middleware/
What React Does (and Doesn't Do)
https://daveceddia.com/what-react-does/
Immutable.js’s toJS Should be Avoided
https://medium.com/@benlorantfy/immutable-jss-tojs-should-be-avoided-68b01273f29
React Libraries in 2020
https://www.robinwieruch.de/react-libraries
React hooks from scratch
https://vedranb.com/blog/building-react-hooks/
Lowest Common Ancestor
http://www.samselikoff.com/blog/lowest-common-ancestor/
Improve your Redux skills by writing custom middleware
https://medium.com/javascript-in-plain-english/improve-your-redux-skills-by-writing-custom-middleware-32a70b9dfb25
Build a CRUD App in React with Hooks
https://www.taniarascia.com/crud-app-in-react-with-hooks
React Component Types: A complete Overview
https://www.robinwieruch.de/react-component-types
Deep Dive into Redux Toolkit - The Official toolset for efficient Redux Development (Video)
https://www.reddit.com/r/reactjs/comments/fbejn2/deep_dive_into_redux_toolkit_the_official_toolset/
The JavaScript Beginner's Handbook (2020 Edition)
https://www.freecodecamp.org/news/the-complete-javascript-handbook-f26b2c71719c/
Redux vs. Context vs. State
https://medium.com/better-programming/redux-vs-context-vs-state-4202be6d3e54
Using Redux with React: Complete Tutorial with Real-World Examples (Plain Redux and Redux Toolkit)
https://www.taniarascia.com/redux-react-guide
Redux Devtools: tips & tricks for faster debugging
https://blog.logrocket.com/redux-devtools-tips-tricks-for-faster-debugging/
React Suspense in Practice
https://css-tricks.com/react-suspense-in-practice/
Profile a React App for Performance
https://kentcdodds.com/blog/profile-a-react-app-for-performance
The Beginner's Guide to React
https://egghead.io/courses/the-beginner-s-guide-to-react
React debugging session - Why is this function called hundreds of times?
https://jkettmann.com/react-debugging-session-hundreds-of-function-calls/
Understanding (all) JavaScript module formats and tools
https://weblogs.asp.net/dixin/understanding-all-javascript-module-formats-and-tools
Complete React Tutorial for Beginners (2020)
https://daveceddia.com/react-tutorial/
Auto Effect Pattern with Redux and React Hooks
https://tech.ebayinc.com/engineering/auto-effect-pattern-with-redux-and-react-hooks/
Demystifying React Redux
https://blog.scottlogic.com/2020/05/01/demystifying-react-redux.html
Common mistakes with React Testing Library
https://kentcdodds.com/blog/common-mistakes-with-react-testing-library
An in-depth guide to performance optimization with webpack
https://blog.logrocket.com/guide-performance-optimization-webpack/
Handling errors with async/await and promises
https://medium.com/@vcarl/handling-errors-with-async-await-and-promises-cd2fea534f08
Testing React Components: Complete Guide
https://www.freecodecamp.org/news/testing-react-hooks/
https://www.freecodecamp.org/news/flex-vs-grid
How to CSS Style in React
https://www.robinwieruch.de/react-css-styling
Redux made easy with Redux Toolkit and Typescript
https://www.mattbutton.com/redux-made-easy-with-redux-toolkit-and-typescript/
Inside Fiber: in-depth overview of the new reconciliation algorithm in React
https://indepth.dev/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react/
Auto Effect Pattern with Redux and React Hooks
https://medium.com/ebaytech/auto-effect-pattern-with-redux-and-react-hooks-d7f96b8fca8e
Answering Your App's Questions with Redux Selectors
https://denisw.de/posts/redux-selectors-logic/
Death by a thousand useCallbacks
https://royi-codes.now.sh/thousand-usecallbacks/
Case study: Analyzing Notion app performance
https://3perf.com/blog/notion/
Under-the-hood of test runners (e.g Mocha)
https://craigtaub.dev/under-the-hood-of-test-runners
A deep dive into React Context API
https://blog.logrocket.com/a-deep-dive-into-react-context-api/
An in-depth beginner's guide to testing React applications
https://jkettmann.com/beginners-guide-to-testing-react/
Client-Side Architecture Basics [Guide]
https://khalilstemmler.com/articles/client-side-architecture/introduction/
Slides for Programming Courses
https://marko-knoebl.github.io/slides/
florinpop17/app-ideas
https://github.com/florinpop17/app-ideas
The best way to learn React
https://www.benmvp.com/blog/best-way-to-learn-react/
When to useMemo and useCallback
https://kentcdodds.com/blog/usememo-and-usecallback

markerikson / react-redux-links

Potential Links Dump: 2020-08-15 #138