README.md

Javascript personal notes

My personal note about javascript learning resources you can find on the internet. This note is expanding and soon or later gonna need better organizing. I might want to host it somewhere and add some interactive to it, but the latter is somewhat off the original purpose. Just wanted to make it simple.

Title	Link	Type
React Component Lifecycle	https://medium.com/react-ecosystem/react-components-lifecycle-ce09239010df	Article
React's Component Documentation	https://facebook.github.io/react/docs/react-component.html https://facebook.github.io/react/docs/state-and-lifecycle.html	Articles
Getting Started with Redux	https://egghead.io/courses/getting-started-with-redux	Videos
Progressive Web Apps with React.js	https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-i-introduction-50679aef2b12 https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-2-page-load-performance-33b932d97cf2 https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-3-offline-support-and-network-resilience-c84db889162c	Articles
Progressive loading for modern web applications via code splitting	https://medium.com/@lavrton/progressive-loading-for-modern-web-applications-via-code-splitting-fb43999735c6	Article
Two Quick Ways To Reduce React App’s Size In Production	https://medium.com/@rajaraodv/two-quick-ways-to-reduce-react-apps-size-in-production-82226605771a	Article
Functional Programming In JavaScript — With Practical Examples	https://medium.freecodecamp.com/functional-programming-in-js-with-practical-examples-part-1-87c2b0dbc276 https://medium.freecodecamp.com/functional-programming-in-js-with-practical-examples-part-2-429d2e8ccc9e	Articles
Why Redux need reducers to be “pure functions”	https://medium.freecodecamp.com/why-redux-needs-reducers-to-be-pure-functions-d438c58ae468	Article
A Guide For Building A React Redux CRUD App	https://medium.com/@rajaraodv/a-guide-for-building-a-react-redux-crud-app-7fe0b8943d0f	Article
Understanding Higher Order Components	https://medium.freecodecamp.org/understanding-higher-order-components-6ce359d761b	Article
React Binding Patterns: 5 Approaches for Handling this	https://medium.com/@housecor/react-binding-patterns-5-approaches-for-handling-this-92c651b5af56	Article
React.js pure render performance anti-pattern	https://medium.com/@esamatti/react-js-pure-render-performance-anti-pattern-fb88c101332f	Article
Leveling Up With React	https://css-tricks.com/learning-react-router/ https://css-tricks.com/learning-react-container-components/ https://css-tricks.com/learning-react-redux/	Articles
Overview of ECMAScript 6 features	https://github.com/lukehoban/es6features	Repository
Master the JavaScript Interview: What is Functional Programming?	https://medium.com/javascript-scene/master-the-javascript-interview-what-is-functional-programming-7f218c68b3a0	Article
Presentational and Container Components	https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0	Article
Understanding redux-thunk and why we need it	https://stackoverflow.com/questions/35411423/how-to-dispatch-a-redux-action-with-a-timeout/35415559#35415559	Stackoverflow
Rearchitecting Airbnb’s Frontend	https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2	Article
How to resize then crop an image with canvas	https://stackoverflow.com/questions/26015497/how-to-resize-then-crop-an-image-with-canvas	Stackoverflow
How to drag elements using pure javascript	https://stackoverflow.com/questions/17992543/how-do-i-drag-an-image-smoothly-around-the-screen-using-pure-javascript	Stackoverflow
How to convert image into base64 string using javascript	https://stackoverflow.com/questions/6150289/how-to-convert-image-into-base64-string-using-javascript	Stackoverflow
Redux 4 Ways	https://medium.com/react-native-training/redux-4-ways-95a130da0cdc	Article
Top Resources to Explore React Fiber	https://hackernoon.com/top-resources-to-explore-react-fiber-9a2b19114520	Article
Front-End Developer Handbook 2017	https://github.com/FrontendMasters/front-end-handbook-2017	Book
React Router V4 Fundamentals	https://www.youtube.com/watch?v=_Fzl0Cim6F8	Youtube
A Simple React Router v4 Tutorial	https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf	Article
Getting Started with React Router v4 in Meteor	https://themeteorchef.com/tutorials/getting-started-with-react-router-v4	Article
JS: The right way	http://jstherightway.org/	Website
Improve Your UX by Dynamically Rendering Images via React.js	https://www.codementor.io/andrewwong/improve-your-ux-by-dynamically-rendering-images-via-react-js-68mx3e1dg	Article
JS Books (free books!)	http://jsbooks.revolunet.com/	Books
Functional setState is the future of React	https://medium.freecodecamp.org/functional-setstate-is-the-future-of-react-374f30401b6b	Article
Functional Components with React stateless functions and Ramda	https://medium.com/@mirkomariani/functional-components-with-react-stateless-functions-and-ramda-e83e54fcd86b	Article
All About React Router 4	https://css-tricks.com/react-router-4/	Article
Code Splitting for React Router with Webpack and HMR	https://hackernoon.com/code-splitting-for-react-router-with-webpack-and-hmr-bb509968e86f	Article
Build Virtual Reality Experiences Using React VR	https://egghead.io/courses/build-virtual-reality-experiences-using-react-vr	Videos
Functional-Light-JS	https://github.com/getify/Functional-Light-JS	Book
spellbook-of-modern-webdev (this is huge!)	https://github.com/dexteryy/spellbook-of-modern-webdev	Repository
Async/Await Will Make Your Code Simpler	http://blog.patricktriest.com/what-is-async-await-why-should-you-care/	Article
10 Tips for Better Redux Architecture	https://medium.com/javascript-scene/10-tips-for-better-redux-architecture-69250425af44/	Article
10 JavaScript concepts you need to know for interviews	https://codeburst.io/10-javascript-concepts-you-need-to-know-for-interviews-136df65ecce	Article
Why you need to separate vendor libraries from application code	https://blog.arfianadam.com/2017/08/20/splitting-vendor-libraries/	Article
Separating vendor libraries using webpack	https://blog.arfianadam.com/2017/08/21/separating-vendor-libraries-using-webpack/	Article
DESTROY ALL CLASSES: Turn React Components Inside Out with Functional Programming	https://www.bignerdranch.com/blog/destroy-all-classes-turn-react-components-inside-out-with-functional-programming/	Article
Javascript ES6 — Exploring the New Built-In Methods	https://hackernoon.com/javascript-es6-exploring-the-new-built-in-methods-b62583b0a8e6	Article
You-Dont-Know-JS	https://github.com/getify/You-Dont-Know-JS	Book
Eloquent JavaScript	http://eloquentjavascript.net/	Book

Paid Resources

Title	Link	Type
JavaScript: Understanding the Weird Parts	https://www.udemy.com/understand-javascript/	Videos

Maybe a bit of CSS won't hurt?

Title	Link	Type
Understanding Flexbox: Everything you need to know	https://medium.freecodecamp.com/understanding-flexbox-everything-you-need-to-know-b4013d4dc9af	Article
CSS-Tricks	https://css-tricks.com/	Website
Animista - CSS animations on demand	http://animista.net/	Website