Today I Learned

⌘Ctrlk

react

A Component Is Just A Bag Of Data Access The Latest Lifecycle Methods In An Old App Accessing Env Vars In create-react-app Accessing Location Within @reach/router Allow md As An Extension With gatsby-mdx Alter The Display Name Of A Component Building A React App In The Browser Check The Type Of A Child Component Conditionally Including Event Handler Functions Create A Snowpack-Bundled React App Create Dynamically Named Custom React Components create-react-app Comes With Lodash create-react-app Has A Default Test Setup File CSS !important Is Not Supported By Inline Styles Debug Jest Tests In create-react-app Defining State In A Simple Class Component Destructure Variables As Props To A Component Details Tags Are A Controllable Component Dispatch Anywhere With Redux Dynamically Add Props To A Child Component Dynamically Create HTML Elements Enforce Specific Values With PropTypes Focus An Input With useRef Hook Force A Component To Only Have One Child Forcing A Child Remount With The Key Prop Formik Connected Components Formik's Validation Schema As A Function Inactive And Active Component Styles With Radium Inline Style Attributes Should Be Camel Cased Manage State In A Functional Component Mapping Over One Or Many Children Mock A Function That A Component Imports Navigate With State Via @reach/router Pairing A Callback With A useState Hook Pass A Function To A useState Updater Passing Props Down To React-Router Route Prevent reach/router Redirect Error Screen In Dev Proxy To An API Server In Development With CRA Quickly Search For A Component With React DevTools @reach/router Renders To A Div Read Only Input Elements Rendering Multiple Nodes With Fragments Set The Type For A useState Hook Specifying Dependencies Of A useEffect Hook Spelunking Through Components With Enzyme's Dive Sync Your react-router State With Redux Test Files In create-react-app Test That Element Does Not Render In The Component Trigger Effect Only When The Component Mounts Update Formik Initial Values When Props Change Upgrading To The Latest React In CodeSandbox Use A Ref To Autofocus An Input Use React 16 With Gatsby Use withRouter To Pass Down React-Router History Visually Select A React Element For Inspection Who Is Your Favorite Child?Wrap The Root Of A Gatsby App In A Component

PreviousWrite Safer Where Clauses With Placeholders NextA Component Is Just A Bag Of Data

Last updated 4 years ago