Skip to content

For the full experience: 1) Clone the repo 2) Open the docs folder in Obsidian

Fullchee's Notes

Implementing React

Initializing search

Fullchee's Notes
Glossary
Family
Portfolio
Soft skills
Technical
Web dev

Fullchee's Notes

Fullchee's Notes
Glossary
Family
Family
- Insurance terms
- Car Insurance
  Car Insurance
  - Car Insurance Types
  - Non owner car insurance
- Corporations
  Corporations
  - Corporation roles
  - Managing an Ontario Corporation
  - Incorporating
    Incorporating
    
    Numbered vs Named Corporation
    
    Ontario vs Federal Corporation
- Home ownership
  Home ownership
Portfolio
Portfolio
Soft skills
Soft skills
- Career
  Career
- Performing
  Performing
  - Interviewing
  - Storytelling
  - Sports
    Sports
    
    Running
    
    Dragon boat career
- Inner work
  Inner work
  - 2021 fullchee.com redesign
  - How I use Reddit
  - Gift Giving
  - Progress
  - How to avoid getting conned
  - TTC
  - Courses
    Courses
    
    A brief history of humankind
    
    A history of the world since 1300
    
    Philosophy of death
  - Learning how to learn
    Learning how to learn
    
    My experience with Pomodoros
    
    Why Foam instead of MDX
    
    Why I quit Anki
  - Mental health
    Mental health
    
    Glossary
    
    Mental History
    
    My good qualities
    
    ADHD
    ADHD
    
    ADHD Samskaras
    
    ADHD Symptoms
    
    Adult ADHD Treatment
    
    Motivation
    
    Neuroscience of ADHD
    
    Parenting child with ADHD
    
    Procrastination
    
    Anxiety
    Anxiety
    
    Anxiety
    
    Depression
    Depression
    
    Attachment Styles
    
    Blame
    
    Burnout
    
    Congruent Depression
    
    Depression Samskaras
    
    Depression Treatment
    
    Identity
    
    Karma and Dharma
    
    Neuroscience of Depression
    
    Self Esteem
    
    Shame
    
    Strengths
    
    Stress
    
    Suffering, meaning and purpose
    
    Tired
    
    What depression looks like
    
    Why we have negative emotions
    
    Why do I work so hard? (avoiding crashes)
    
    Developers and Depression
    
    Therapy
    
    Gratitude
    
    Happiness
    
    Healing the inner child baby elephant
    
    Learned Helplessness
    
    Love
    
    People Pleasing
    
    Sleep
    
    Work
    
    Addiction
    Addiction
    
    Addiction Treatment
    
    Addiction
    
    Sobriety vs abstinence
    
    Meditation
    Meditation
    
    Meditation goals
    
    Meditations
    
    Samskaras
    
    What is ego
    
    Not Good Enough
    Not Good Enough
    
    Imposter Phenomenon
    
    Perfectionism
    
    Building a healthy sense of self
    
    Metaphors for the mind
Technical
Technical
- Dates
- Dev Philosophy
- Excel
- Latex
- Android Tips
- Build vs Runtime vs Dev Environment
- Slack tips
- [UUIDs explained](https://www.sohamkamani.com/uuid-versions-explained/)
- What does Forma Do?
- Assertions
- Why so many programming languages?
- Docs as code
  Docs as code
- Leetcode
  Leetcode
- Terminal
  Terminal
Web dev
Web dev
- Why `msn.com` is the 38th most visited website
- Security
  Security
  - Auth0
  - JSON Web Tokens (JWTs)
  - Security Inbox
  - Authentication
    Authentication
    
    HTTP Basic Authentication
  - Authorization
    Authorization
    
    [Permissions](https://fullchee-reminders.netlify.app/link/1119)
  - Security Fundamentals
    Security Fundamentals
    
    Encryption
    
    Hashing
  - Vulnerabilities
    Vulnerabilities
    
    CSRF
    
    XSS
- Backend
  Backend
  - Don't use localhost IP address
  - Heroku
  - Java
  - Linux
  - Why dotfiles?
  - AWS
    AWS
    
    AWS CLI
    
    AWS CloudWatch
    
    AWS S3
    
    AWS Services for an app
  - Architecture
    Architecture
    
    Monitoring
    
    Content Management Systems (CMS)
    
    Feature Toggle
    
    Client Server Communication
    Client Server Communication
    
    3 Tier Architecture
    
    GraphQL
    
    HTTP 2
    
    History of Client Server Communication
    
    gRPC
    
    HTTP status codes
    
    tRPC
  - Containers
    Containers
    
    Container Overview
    
    Docker
  - Database
    Database
    
    Database Design
    Database Design
    
    Database Normalization
    
    Database Partitioning
    
    N + 1 Problem
    
    ORM
    
    Column databases
    
    Database Indexes
    
    Scaling up database writes
    
    Speed up queries
    
    UUID as primary key?
    
    Sql
    Sql
    
    Distinct
    
    Installing PSQL
    
    Materialized view
    
    MySQL
    
    SQL Security
    
    Connecting to PSQL
    
    Django ORM vs raw SQL
    
    Heroku sql
    
    PSQL Shell
    
    `.psqlrc`
    
    PSQL Performance
    PSQL Performance
    
    Database Locks
    
    Indexing
    
    PSQL Debug Slow Queries
    
    PSQL Query Optimization
    
    PSQL Vacuum
    
    How to
    How to
    
    Exporting SQL
    
    Hardcoded SQL
    
    SQL Aggregation
    
    SQL Arrays and JSON
    
    SQL Boolean
    
    SQL
    
    SQL Conditionals and edge cases
    
    SQL Dates
    
    SQL Sum should be zero even if group by returns no rows
    
    SQL Ranges
    
    SQL Relationships
    
    SQL strings
    
    SQL Window functions
  - Node.js
    Node.js
    
    Testing Node.js
  - Python
    Python
    
    Python Formatting
    
    Python Threads
    
    PyCharm
    
    Standard Python
    Standard Python
    
    Debugging Python
    
    Python Generators and Iterators
    
    Python Imports
    
    Python logging
    
    Python
    
    Square bracket notation
    
    Python Virtual Environments
    Python Virtual Environments
    
    Python when to pin version
    
    Python virtual environment tools
    
    Python data structures
    Python data structures
    
    Data Structures
    
    Python Dates
    
    Python Lists
    
    Python Typing
    
    Python objects
    Python objects
    
    [Python decorators](https://realpython.com/primer-on-python-decorators/)
    
    Python Dictionaries
    
    Python Error handling
    
    Custom classes/objects
    
    Python custom classes
    Python custom classes
    
    Python Custom Classes
    
    Python Dunder syntax
    
    Python strings
    Python strings
    
    Regex
    
    Python String Formatting
    
    Python testing
    Python testing
    
    unittest `patch`
    
    `unittest`
    
    Django
    Django
    
    Django Admin
    
    Where to put Django Business Logic
    
    Django Auth app
    
    Django HTTP
    
    Django inbox
    
    Django `manage.py` scripts
    
    Django Signals
    
    Setting up Django
    
    Django database
    Django database
    
    Django Raw SQL Queries
    
    Django Models
    
    [Django Querying](https://docs.djangoproject.com/en/4.1/topics/db/queries/)
    
    Django rest framework
    Django rest framework
    
    [DRF Serializers](https://www.django-rest-framework.org/api-guide/serializers/)
    
    [Swagger (drf-yasg)](https://drf-yasg.readthedocs.io/en/stable/readme.html)
    
    Django testing
    Django testing
    
    Django Factories
    
    Django Testing Endpoints
    
    Testing Django
    
    Running tests
    Running tests
    
    Running Tests
    
    Faster Django tests in PyCharm
    
    Pandas
    Pandas
    
    Pandas Inbox
    
    Pandas Writing
    
    Plotting Pandas
    
    Why Pandas
    
    Machine Learning
- Frontend
  Frontend
  - Downsides of CSS variables
  - Accessibility (a11y)
  - Base64
  - Mobile
  - Forms
  - Images
  - Browser
    Browser
    
    CORS
    
    Browser Usage Tricks
    
    Parts of a browser
    
    Customize how Firefox looks
    
    Video
  - HTML
    HTML
    
    HTML Tags
    
    SVG
  - Css
    Css
    
    CSS in JS
    CSS in JS
    
    CSS in JS Frameworks
    
    CSS stuff from JS (no frameworks)
    
    Styled Components 💅🏾
    
    Frameworks
    Frameworks
    
    SASS
    
    Tailwind CSS
    
    Fundamentals
    Fundamentals
    
    CSS Color
    
    Overflow
    
    Stacking Contexts
    
    Which units to use
    
    Css animation
    
    CSS Fundamentals
    
    Css images
    
    CSS Typography
    
    Box Model
    Box Model
    
    Border, outline and box shadow
    
    Margin
    
    Box Model
    
    CSS Language
    CSS Language
    
    CSS Selectors
    
    CSS Browser Tricks
    
    [CSS Inheritance](https://courses.joshwcomeau.com/css-for-js/01-rendering-logic-1/01-built-ins-and-inheritance)
    
    Media Queries
    
    Components
    Components
    
    Button
    
    CSS Modal
    
    Layout Algorithms
    Layout Algorithms
    
    Flexbox
    
    Flow Layout
    
    CSS Grid
    
    Positioned Layout
    
    [Grid vs Flexbox](https://fullchee-reminders.netlify.app/link/797)
  - Design
    Design
    
    Text Copy
    
    Design
  - Javascript
    Javascript
    
    JavaScript Leetcode
    
    Why JavaScript Frameworks
    
    Browser JavaScript
    
    JavaScript importing
    
    Single Page App
    
    Spot the bug solutions
    
    Spot the bug
    
    [underscore.js](https://underscorejs.org/)
    
    Async
    Async
    
    Intro to Promises
    
    Multi-threaded JavaScript
    
    Non-intro Promise Notes
    
    Javascript language
    Javascript language
    
    JavaScript Arrays
    
    JavaScript Dates
    
    JavaScript Objects
    
    JavaScript
    
    Js tooling
    Js tooling
    
    ESLint and Prettier
    
    Source Maps on Prod
    
    JS Build Tools
    
    [JS Monorepos](https://fullchee-reminders.netlify.app/link/1694)
    
    Js package managers
    
    React
    React
    
    React Accessibility (a11y)
    
    Why React
    
    [Error Boundaries](https://reactjs.org/docs/error-boundaries.html)
    
    Implementing React Implementing React
    Table of contents
    
    useState
    
    useEffect
    
    [JSX in Depth](https://reactjs.org/docs/jsx-in-depth.html)
    
    [PropTypes](https://reactjs.org/docs/typechecking-with-proptypes.html)
    
    [React Context](https://reactjs.org/docs/context.html)
    
    React hooks
    
    React Performance ⚡
    
    Refactoring React
    
    React Router
    React Router
    
    React Router v6
    
    React Router v5
    
    React frameworks
    React frameworks
    
    How React is used
    
    Next JS
    
    React patterns
    React patterns
    
    One way data flow
    
    Managing state
    Managing state
    
    Epic React 3: Advanced React Patterns
    
    [Compound components](https://kentcdodds.com/blog/compound-components-with-react-hooks)
    
    React Query
    
    React testing
    React testing
    
    React Testing Library
    
    Jest
    
    msw (mock-service-worker)
    
    React Testing: Act and Assert
    
    Testing Custom Hooks
    
    Redux
    Redux
    
    Alternatives to Redux
    
    Redux
    
    TypeScript and Redux
    
    Storybook
    Storybook
    
    [Why Storybook](https://storybook.js.org/)
    
    Setting up Storybook
    
    Writing your first Story
    
    Using Storybook
    
    Testing Stories
    
    Chromatic
    
    Typescript
    Typescript
    
    Converting codebase to TypeScript
    
    TypeScript and React
    
    Empty TypeScript Types
    
    TypeScript Objects
    
    TypeScript
- System design
  System design

Table of contents

useState
useEffect

Implementing React¶

Building React in 30 mins

Building useState and useEffect

`useState`¶

`useEffect`¶

Last update: 2023-03-20

Previous [Error Boundaries](https://reactjs.org/docs/error-boundaries.html)

Next [JSX in Depth](https://reactjs.org/docs/jsx-in-depth.html)

Copyright © 2022 Fullchee Zhang

Made with Material for MkDocs