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
Portfolio
Soft skills
Technical
Web dev

Fullchee's Notes

Fullchee's Notes
Glossary
Portfolio
Portfolio
Soft skills
Soft skills
- Career
  Career
  - Asking for Help
  - First 90 days at a job
  - Postmortems
  - Estimating
  - Forget Velocity, Let's Talk Acceleration • Jessica Kerr • GOTO 2017
  - What do I do with my life?
  - Management
    Management
    
    1 on 1s
    
    Management
    
    Why your manager manages
    
    Mentorship
    
    How to congratulate your team
    
    How to give feedback
  - New Job
    New Job
    
    Leaving a company
    
    Negotiating After Your Start Date
    
    Planning for your next role
    
    Negotiating
  - Promotions
    Promotions
    
    Tech Lead
    
    Performance Reviews
- Performing
  Performing
  - Interviewing
  - Presenting
  - Storytelling
  - Sports
    Sports
    
    Injury Prevention
    
    Running
    
    Dragon boat career
- Inner work
  Inner work
  - 2021 fullchee.com redesign
  - How I use Reddit
  - Gift Giving
  - 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
    
    Detachment
    
    Progress
    
    What to do when nothing works
    
    Glossary
    
    Mental History
    
    My good qualities
    
    ADHD
    ADHD
    
    ADHD Samskaras
    
    ADHD Symptoms
    
    Adult ADHD Treatment
    
    Neuroscience of ADHD
    
    Parenting child with ADHD
    
    Say Thank You instead of Sorry
    
    What's wrong with trying to be neurotypical
    
    Getting Things Done
    Getting Things Done
    
    Boredom
    
    Motivation
    
    Picking projects
    
    Procrastination
    
    Spaceship you
    
    Strengths
    
    Theme
    
    Burnout
    Burnout
    
    Burnout
    
    Suffering, meaning and purpose
    
    Why do I work so hard? (avoiding crashes)
    
    Anxiety
    Anxiety
    
    Anxiety
    
    People Pleasing
    People Pleasing
    
    Doormat
    
    People Pleasing
    
    Depression
    Depression
    
    Attachment Styles
    
    Being less negative
    
    Blame
    
    Congruent Depression
    
    Depression Samskaras
    
    Identity
    
    Karma and Dharma
    
    Neuroscience of Depression
    
    Self Esteem
    
    Shame
    
    Stress
    
    Tired
    
    What depression looks like
    
    Why we have negative emotions
    
    Worth
    
    Developers and Depression
    
    Therapy
    
    Gratitude
    
    Happiness
    
    Healing the inner child baby elephant
    
    Learned Helplessness
    
    Love
    
    Sleep
    
    Addiction
    Addiction
    
    Addiction Treatment
    
    Addiction
    
    Sobriety vs abstinence
    
    Meditation
    Meditation
    
    Meditation goals
    
    Meditations
    
    Samskaras
    
    What is ego
    
    Not Good Enough
    Not Good Enough
    
    Building a healthy sense of self
    
    Confidence
    
    Imposter Phenomenon
    
    Perfectionism
    
    Why it's hard to be an Asian kid
    
    Metaphors for the mind
Technical
Technical
- Stock Options
- What does Forma Do?
- Device Usage
  Device Usage
  - Android Usage
  - Locked out of Macbook
- Programming Concepts
  Programming Concepts
- Using software
  Using software
  - Excel
  - Image Editing
  - Latex
  - LinkedIn
  - Slack tips
- Docs as code
  Docs as code
- 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
    
    Cookies
    
    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
    
    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
    
    Observability
    Observability
    
    DataDog
    
    Monitoring
  - Backend Performance
    Backend Performance
    
    Backend What happens when you go to Google
  - 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?
    
    Data Lakehouse
    Data Lakehouse
    
    Redis
    
    Schemas for lakehouse
    
    Databricks
    
    Sql
    Sql
    
    Installing Postgres
    
    MySQL
    
    Query runs in SQLAlchemy but not PyCharm
    
    SQL Security
    
    SQL Unit tests
    
    Django ORM vs raw SQL
    
    Example queries
    Example queries
    
    Find duplicate value in a column
    
    Hardcoded SQL
    
    SQL Dates
    
    SQL Sum should be zero even if group by returns no rows
    
    PSQL Performance
    PSQL Performance
    
    Database Locks
    
    Indexing
    
    PSQL Debug Slow Queries
    
    PSQL Query Optimization
    
    PSQL Vacuum
    
    Temp Tables
    Temp Tables
    
    CTE vs Materialized CTE vs temp table
    
    Flexibility of DROP SET SCHEMA
    
    Materialized view
    
    SQL Language
    SQL Language
    
    Data Definition Language (DDL)
    
    Distinct
    
    Exporting SQL
    
    Intersection Operator (&&)
    
    SQL Filter
    
    Sum and coalesce
    
    SQL Arrays and JSON
    
    SQL Boolean
    
    SQL Ranges
    
    SQL Relationships
    
    SQL strings
    
    SQL Window functions
    
    Psql cli
    Psql cli
    
    Connecting to PSQL
    
    Heroku sql
    
    PSQL Shell
    
    `.psqlrc`
  - 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
    
    Scaling Django Where to put business logic
    
    Django Auth app
    
    Django HTTP
    
    Django inbox
    
    Django `manage.py` scripts
    
    Django Signals
    
    Setting up Django
    
    Django database
    Django database
    
    Django Models
    
    [Django Querying](https://docs.djangoproject.com/en/4.1/topics/db/queries/)
    
    Django Raw SQL 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
  - Accessibility (a11y)
  - Base64
  - Images
  - Mobile
  - Browser
    Browser
    
    CORS
    
    Video
    
    Browser Usage Tricks
    
    Parts of a browser
    
    Customize how Firefox looks
  - Forms
    Forms
    
    Forms
  - Frontend Performance
    Frontend Performance
    
    Frontend What happens when you go to Google
  - HTML
    HTML
    
    SVG
    
    HTML Tags
  - 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
    
    Which units to use
    
    Css animation
    
    CSS Fundamentals
    
    Css images
    
    Box Model
    Box Model
    
    Border, outline and box shadow
    
    Margin
    
    Box Model
    
    CSS Language
    CSS Language
    
    CSS Selectors
    
    Downsides of CSS variables
    
    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
    
    Tooltip
    
    CSS Modal
    
    Layout Algorithms
    Layout Algorithms
    
    CSS Grid
    
    Flexbox
    
    Flow Layout
    
    [Grid vs Flexbox](https://fullchee-reminders.netlify.app/link/797)
    
    Overflow
    
    Positioned Layout
    
    Stacking Contexts
    
    Typography Layout
  - Design
    Design
    
    Text Copy Writing
    
    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
    
    Implementing React
    
    React Accessibility (a11y)
    
    Why React
    
    [Error Boundaries](https://reactjs.org/docs/error-boundaries.html)
    
    [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 Performance ⚡
    
    Refactoring React
    
    React Hooks
    React Hooks
    
    Implementing Hooks
    
    React Hooks
    
    Why React Hooks
    
    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
    
    Jest
    
    React Testing Library
    
    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
    
    TypeScript Language
    TypeScript Language
    
    Infer
    
    Type Naming Conventions
    
    TypeScript Generics
    
    TypeScript versions
    
    Types vs Interfaces
    
    Empty TypeScript Types
    
    TypeScript Objects
    
    TypeScript
- Leetcode
  Leetcode
- System design
  System design
  - DRY vs SoC
  - Monolith vs SOA vs Microservices vs serverless vs edge

Implementing React

[[Implementing Hooks]]

Last update: 2023-04-24

Previous Js package managers

Next React Accessibility (a11y)

Copyright © 2022 Fullchee Zhang

Made with Material for MkDocs