README_RESOURCES.md

Front-end Resources

React:

• (Essential) Intro Tutorial - https://reactjs.org/docs/hello-world.html
• (Essential) Hooks - https://reactjs.org/docs/hooks-intro.html
• (Essential) Hook rules - https://reactjs.org/docs/hooks-rules.html
• (Essential) Context - https://reactjs.org/docs/context.html
• Render props pattern - https://reactjs.org/docs/render-props.html
• Patterns - https://www.patterns.dev/

Mobx - State management :

• (Essential) Tutorial / Intro - https://mobx.js.org/getting-started
• (Essential) Intro - https://mobx.js.org/the-gist-of-mobx.html
• (Essential) Observable state - https://mobx.js.org/observable-state.html
• (Essential) Computed state (derived state) - https://mobx.js.org/computeds.html
• (Essential) Actions - https://mobx.js.org/actions.html
• Async state changes - https://mobx.js.org/actions.html#asynchronous-actions
• Reactions - https://mobx.js.org/reactions.html
• (Essential) Understanding Reactivity - https://mobx.js.org/understanding-reactivity.html
• (Essential) React Mobx integration - https://mobx.js.org/react-integration.html

Typescript:

• (Essential) The handbook - https://www.typescriptlang.org/docs/handbook/intro.html
• (Essential) Functions - https://www.typescriptlang.org/docs/handbook/2/functions.html
• (Essential) Classes - https://www.typescriptlang.org/docs/handbook/2/classes.html
• Generics - https://www.typescriptlang.org/docs/handbook/2/generics.html
• Utility Types - https://www.typescriptlang.org/docs/handbook/utility-types.html
• Enums - https://www.typescriptlang.org/docs/handbook/enums.html

CSS:

• Responsive design - https://web.dev/learn/design/
• (Essential) BEM naming convention - https://en.bem.info/methodology/naming-convention/

General front-end resources

Platforms

• https://web.dev/learn/
• https://www.freecodecamp.org/learn/
• https://developers.google.com/web/fundamentals
• https://developer.mozilla.org/en-US/docs/Web/Tutorials

New things on the web

• https://web.dev/blog/
• https://developer.chrome.com/blog/

JavaScript

• https://javascript.info/
• https://eloquentjavascript.net/
• https://developer.mozilla.org/en-US/docs/Web/Tutorials#javascript_tutorials
• https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/

CSS

• https://1linelayouts.glitch.me/
• https://www.youtube.com/kepowob
• https://moderncss.dev/
• https://piccalil.li/
• https://cssgridgarden.com/
• https://flexboxfroggy.com/
• https://css-tricks.com/
• https://web.dev/learn/css/

Other

• browser dev tools - https://developer.chrome.com/docs/devtools/
• VS code shortcuts - https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
• https://jakearchibald.com/
• https://developers.google.com/web/tools