My father always told me that knowledge should be freely available, and I agree. Witnessing the difficulties that most people face while learning and working with react, particularly in finding simple tutorials here and there that are extremely useful knowledge for the beginning phase, but rarely go deep in concepts, patterns, and advanced features.
Also Finding unique content blogs, channels, podcasts it's a big endeavor specially for new comers.
As a result, I wanted to create this booklet to provide a learning step up. It's the result of months of work in which I tried to study my resources and references and present them as simply as possible while also highlighting good examples and edge cases.
If you find this book useful, please feel free to add it to your reading list, bookmark it, or share it with the team. It would also be great if you could ⭐ it on Github so that it can reach more hungry minds.
{% hint style="info" %} This is an open source project, if you want to contribute please be my guest and send Pr {% endhint %}
{% embed url="https://github.com/maissenayed/React-grimoire" %}
Disclaimer
{% hint style="danger" %} It is mandatory to have a good basic knowledge with JavaScript, and DOM manipulation concepts. {% endhint %}
{% hint style="info" %} I recommend to dive deep in those concept before tackling React and I assure you that not only React will be easier to understand but also anything that involves JavaScript Ecosystem will be easier to digest. {% endhint %}
{% hint style="warning" %} Git book has only a light theme, if you are like me and you like always your reading materials on Dark themed pages, please try this chrome extension {% endhint %}
⬇️ ⬇️ ⬇️ ⬇️ ⬇️ ⬇️ ⬇️ ⬇️
{% embed url="https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh" %}
References and articles :
{% embed url="https://javascript.info" %}
{% embed url="https://www.tutorialrepublic.com/javascript-tutorial" %}
{% embed url="https://github.com/leonardomso/33-js-concepts" %}
{% embed url="https://roadmap.sh/frontend" %}
{% embed url="https://frontendmasters.com/guides/front-end-handbook/2019" %}
{% embed url="https://www.frontendinterviewhandbook.com" %}
{% embed url="https://www.techinterviewhandbook.org/algorithms/introduction" %}
This is my old booklet in which you find various articles and cheat sheets, bits of code that I found useful during my career. Enjoy!
{% embed url="https://maissen.gitbook.io/maissen-grimoire" %}
{% embed url="https://www.youtube.com/watch?list=PL0vfts4VzfNgUUEtEjxDVfh4iocVR3qIb&v=Tn6-PIqc4UM" %}
{% embed url="https://www.youtube.com/watch?t=1478s&v=SAIdyBFHfVU" %}