React Grimoire
  • ⁉️Introduction
  • 🧑‍🎓🧑🎓 React Fundamentals
    • The Basic javascript "Hello world"
    • Basic view on React core API's
    • JSX
    • React Props and styling
    • Components
    • Handling Events With React
    • Form
    • Array and Lists
    • Class Component State
    • Class Component Life Cycle
    • PropTypes
  • 🪝React Hooks
    • Intro to hooks
    • useState
    • useEffect
    • useRef
    • useContext
    • useMemo
    • useCallback
    • useReducer
    • useLayoutEffect
    • useImperativeHandle
    • Hook flow
    • Custom hooks
      • useDebugValue
    • React 18 hooks
  • 📓React Guidelines
    • React Components Composition Guidelines
    • React hooks guidelines
    • The use of Memoization
    • Lifting State Up
  • 🔭Concepts
    • Advanced Patterns
      • Compound Components Pattern
      • Control Props Pattern
      • Props Getters Pattern
      • Custom hook pattern
      • Context Module
      • State Reducer
    • React Under the hood
      • 🏁What is "Rendering"?
      • 🏁React Lifecycle
      • 🏁Reconciliation & Virtual DOM in React
      • 🏁Fiber
    • ⏰Concepts to always have in mind
  • 🧩React ecosystem
    • Forms Tools
      • React Hook Form VS Formik
    • TypeScript
      • 🏁Conditional React props with TypeScript
    • 🏁Build tool choice for MVP projects
    • A CSS methodology comparison
      • 🏁Post CSS processor :Sass
      • 🏁CSS in js :Styled-components
      • 🏁Utility Classes: Tailwind
  • ⁉️Testing
    • In Progress
  • 🎭Performance
    • in Progress
  • 🚀Deployment
    • In Progress
  • 🖼️Design system
    • 🏁What's a design system anyway ?​?
  • 🔗Us-full links
    • Typescript and React basic tutorial
    • React-philosophies
    • React new doc
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub

Introduction

NextThe Basic javascript "Hello world"

Last updated 3 years ago

Was this helpful?

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.

This is an open source project, if you want to contribute please be my guest and send Pr

Disclaimer

It is mandatory to have a good basic knowledge with JavaScript, and DOM manipulation concepts.

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.

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

References and articles :

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!

⁉️
⬇️
⬇️
⬇️
⬇️
⬇️
⬇️
⬇️
⬇️
⭐
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!frontendmasters
Logo
Front end interview preparation for busy engineers | Front End Interview Handbook
Algorithms tips | Tech Interview Handbook
Maissen's GrimoireMaissen's Grimoire
JavaScript Tutorial - An Ultimate Guide for Beginners
Frontend Developer Roadmap: Learn to become a modern frontend developerroadmap.sh
The Modern JavaScript Tutorialiliakan
Dark Reader
GitHub - leonardomso/33-js-concepts: 📜 33 JavaScript concepts every developer should know.GitHub
GitHub - maissenayed/React-grimoireGitHub
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo