Webpack overview

https://what-problem-does-it-solve.com/webpack/intro.html

Icons related - Font Awesome alternatives in 2020

https://web3canvas.com/font-awesome-alternatives/

Ways to optimize React applications

https://blog.soshace.com/ways-to-optimize-react-applications/

React - Convert Redux code to MobX

MobX State Tree

Website - https://mobx-state-tree.js.org/intro/philosophy

EggHead.io free course - https://egghead.io/courses/manage-application-state-with-mobx-state-tree

Async in mobx

Preethi Kasireddy - MobX vs Redux: Comparing the Opposing Paradigms - React Conf 2017

React Hooks - useState hook & callbacks

https://medium.com/ableneo/react-setstate-does-not-immediately-update-the-state-84dbd26f67d5

https://stackoverflow.com/questions/56247433/how-to-use-setstate-callback-on-react-hooks

https://stackoverflow.com/questions/53253940/make-react-useeffect-hook-not-run-on-initial-render

https://reactjs.org/docs/hooks-reference.html#uselayouteffect

Some pitfalls of SSR in React

MobX & React Hooks

Feb 2019 How to use Mobx with React Hooks
https://www.youtube.com/watch?v=oQiMXRsO4o4

Dec 2019 Intro to Mobx & React in 2020
https://www.youtube.com/watch?v=pnhIJA64ByY

Dec 2019 React Hooks + MobX TodoList
https://levelup.gitconnected.com/react-hooks-mobx-todolist-c138eb4f3d04

Dec 2019 Replacing Redux with Observables and React Hooks
https://blog.betomorrow.com/replacing-redux-with-observables-and-react-hooks-acdbbaf5ba80

Jan 2020 Using MobX with React Hooks
https://dev.to/ryands17/using-mobx-with-react-hooks-part---2-8ac

April 2020 MobX Strategies with React Hooks
https://medium.com/@suraj.kc/mobx-strategies-with-react-hooks-3de23932cb8c

June 2020 A State management comparison with React hooks, mobx and recoiljs
https://medium.com/@dbottiau/a-state-management-comparison-with-react-hooks-mobx-and-recoiljs-3b7e2f4cc6c3

June 2020 How to use React with MobX and Hooks - Note Taking App Tutorial
https://www.youtube.com/watch?v=MKNls_FReXI

useSelector or useContext

https://stackoverflow.com/questions/60438772/useselector-or-usecontext

React & JS Cheatsheets by Reed Barger

Old links that are not working anymore:

https://codeartistry.io/10-javascript-concepts-for-react-cheatsheet/
https://codeartistry.io/the-react-2020-cheatsheet/

New links:

https://medium.com/code-artistry/10-javascript-concepts-you-need-to-master-react-cheatsheet-4801f85e8e7e

https://www.freecodecamp.org/news/the-react-cheatsheet-for-2020/

How to center an element horizontally and vertically

https://stackoverflow.com/questions/19461521/how-to-center-an-element-horizontally-and-vertically/19461564#19461564

VueJS Best Practices

https://tekkiwebsolutions.com/blog/vuejs-best-practices/

Refactoring and the Art of Improvement

https://medium.com/young-coder/refactoring-and-the-art-of-improvement-19735563fbc2

Here are some common suggestions that sound reasonable, but set different thresholds:

• Refactor when the cost of refactoring is less than the cost of not refactoring. (Sounds good, but how can you make that calculation?)
• Refactor before adding new features if it will make it easier to add those features.
• Ignore ugly code once. But refactor if you stumble over the same pain point twice.
• Refactor opportunistically. Clean things up whenever and wherever you get the chance.
• Refactor if you can make the change quickly (say, within a day).
• Only refactor when the pain of leaving it exceeds the pain of fixing it.
• Refactor immediately after shipping. (A great idea with very little likelihood of actually being followed.)

Why does Rails 6 include both Webpacker and Sprockets?

https://rossta.net/blog/why-does-rails-install-both-webpacker-and-sprockets.html

React 2020 Cheat Sheet

https://codeartistry.io/the-react-2020-cheatsheet/

Advice from Marcelo Bielsa

"- Do not allow failure to deteriorate your self-esteem. When you win, the message of admiration is so confusing, it stimulates you so much your love for yourself and that deforms so much. And when you lose, the opposite happens, there is a morbid tendency to discredit you , to offend you, just because you lost. In any task you can win or lose, the important thing is the nobility of the resources used. " - Marcelo Bielsa

React Spinners library

davidhu.io/react-spinners

550+ customizable (size, color, stroke) open-source SVG icons for web developers

https://tablericons.com/

https://www.reddit.com/r/programming/comments/hum2mq/550_customizable_size_color_stroke_opensource_svg/

Great short tutorial zines for a variety of topics

https://wizardzines.com/comics/

Mac OS - Tab back to Full Screen app

https://superuser.com/questions/404228/mac-os-x-command-tab-doesnt-switch-back-to-fullscreen-app

GoRails episodes to watch

Direct Uploads with Active Storage
https://gorails.com/episodes/direct-uploads-with-rails-active-storage?autoplay=1

How to use Uppy with Active Storage
https://gorails.com/episodes/uppy-with-active-storage?autoplay=1

How to use Bootstrap with Webpack & Rails
https://gorails.com/episodes/how-to-use-bootstrap-with-webpack-and-rails?autoplay=1

How to use Javascript via Webpacker in Rails 6
https://gorails.com/episodes/webpacker-javascript-in-rails-6?autoplay=1

How to use ActionText in Rails 6
https://gorails.com/episodes/how-to-use-action-text?autoplay=1

Webpacker Javascript Embed Code Snippet & Scoped Styles
https://gorails.com/episodes/embeddable-javascript-widget-part-6?autoplay=1

Embeddable Javascript Comments Widget Models - Part 1
https://gorails.com/episodes/embeddable-javascript-widget-part-1?autoplay=1

VueJS JWT Auth with Rails APIs and LocalStorage
https://gorails.com/episodes/vuejs-jwt-auth-with-rails-api?autoplay=1

How to build APIs with Rails
https://gorails.com/series/how-to-build-apis-with-rails

Everything You Need to Know About OAuth (2.0)

https://gravitational.com/blog/everything-you-need-to-know-about-oauth/

Some CSS basics

https://cssfordesigners.com/articles/things-i-wish-id-known-about-css

https://twitter.com/b0rk/status/1284528767151611904?s=12

URI issue after attempting to run Rails server with completely new app

Error: uninitialized constant URI::Generic,
NameError: uninitialized class variable @@schemes in URI

https://stackoverflow.com/questions/59495309/uri-issue-after-attempting-to-run-rails-server-with-completely-new-app

Ruby command line arguments

https://alvinalexander.com/blog/post/ruby/how-read-command-line-arguments-args-script-program/

Styling React Applications with Ant.Design

2017 article

https://medium.com/@yoniweisbrod/styling-react-applications-with-ant-design-92b742aab0b0

https://ant.design

Hamler - Haskell-style functional programming language running on Erlang VM.

https://www.hamler-lang.org/
https://www.reddit.com/r/elm/comments/h7qd0w/rewrite_your_backends_hamler_a_haskellstyle/

Dan Abramov's JS site - whatthefuck.is/closure

whatthefuck.is/closure

Popular React UI Component Libraries And Frameworks

2018 April - https://hackernoon.com/23-best-react-ui-component-libraries-and-frameworks-250a81b2ac42

2019 Feb - https://designrevision.com/react-component-libraries/

2020 March - https://blog.logrocket.com/top-10-react-component-libraries-for-2020/

2020 June - https://www.codeinwp.com/blog/react-ui-component-libraries-frameworks/

Finding the Largest Files On Your Mac

Install elasticseach on Mac

https://demonuts.com/install-elasticsearch-mac/

Programming Concepts: Explained With Clean and Simple Animations

The myth of NoSQL (vs. RDBMS) “joins dont scale”

https://blog.dbi-services.com/the-myth-of-nosql-vs-rdbms-joins-dont-scale/

An Intro to JavaScript Modules

https://livecodestream.dev/post/2020-07-08-an-intro-to-javascript-modules/

CRDTs: The Hard Parts

The Auth Bottleneck Pattern

https://fusionauth.io/blog/2020/07/08/auth-and-the-bottleneck-architecture

Javascript Testing - React, Jest, React Testing Library, Cypress

Beeswarm chart with D3.js

https://towardsdatascience.com/better-data-visualization-using-beeswarm-chart-bb46a229c56b

The Difference Between HTTP Auth, API Keys, and OAuth

https://nordicapis.com/the-difference-between-http-auth-api-keys-and-oauth/

International Institute of Software Management, iiSM.ORG

https://iism.org/home

Linux - Splitting & Joining a file

https://www.ibm.com/support/pages/how-use-split-and-cat-commands-split-large-file-smaller-pieces-and-then-restore-pieces-single-file

Splitting:
split -l 1000000 full_file.dat

Output is - xaa, xab, xac

Joining:
cat xab >> xaa
cat xac >> xaa

Note: At the lines where the files are joining, the ending line of part1 and 1st line of part 2 will be concatenated on the same line. We'll have to open the file in vi and just enter a newline in those places.

VS Code Theme suggestions

https://twitter.com/emmabostian/status/1280854686573133825?s=21

Vue.js - How to pass an object as prop and have the component update sub-objects

https://stackoverflow.com/questions/49072799/vuejs-how-to-pass-an-object-as-prop-and-have-the-component-update-sub-objects

Forcing vue.js to re-render

https://stackoverflow.com/questions/32106155/can-you-force-vue-js-to-reload-re-render#40586872

Redux Toolkit

https://redux-starter-kit.js.org/tutorials/intermediate-tutorial

https://github.com/immerjs/immer

React - Hooks & Redux related

https://react-redux.js.org/api/hooks

Additional considerations when using hooks

There are some architectural trade offs to take into consideration when deciding whether to use hooks or not. Mark Erikson summarizes these nicely in his two blog posts Thoughts on React Hooks, Redux, and Separation of Concerns and Hooks, HOCs, and Tradeoffs.

https://blog.isquaredsoftware.com/2016/10/idiomatic-redux-why-use-action-creators/

Online tool to plot a line

Online tool to plot a line:
https://www.rapidtables.com/tools/scatter-plot.html

ES6 Computed Property Names

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names

// Computed property names (ES2015)
let i = 0
let a = {
  ['foo' + ++i]: i,
  ['foo' + ++i]: i,
  ['foo' + ++i]: i
}

console.log(a.foo1) // 1
console.log(a.foo2) // 2
console.log(a.foo3) // 3

Handling React Forms with Mobx Observables

https://blog.risingstack.com/handling-react-forms-with-mobx-observables/