# react

- [A Component Is Just A Bag Of Data](/til/programmy/react/a-component-is-just-a-bag-of-data.md)
- [Access The Latest Lifecycle Methods In An Old App](/til/programmy/react/access-the-latest-lifecycle-methods-in-an-old-app.md)
- [Accessing Env Vars In create-react-app](/til/programmy/react/accessing-env-vars-in-create-react-app.md)
- [Accessing Location Within @reach/router](/til/programmy/react/accessing-location-within-reach-router.md)
- [Allow md As An Extension With gatsby-mdx](/til/programmy/react/allow-md-as-an-extension-with-gatsby-mdx.md)
- [Alter The Display Name Of A Component](/til/programmy/react/alter-the-display-name-of-a-component.md)
- [Building A React App In The Browser](/til/programmy/react/building-a-react-app-in-the-browser.md)
- [Check The Type Of A Child Component](/til/programmy/react/check-the-type-of-a-child-component.md)
- [Conditionally Including Event Handler Functions](/til/programmy/react/conditionally-including-event-handler-functions.md)
- [Create A Snowpack-Bundled React App](/til/programmy/react/create-a-snowpack-bundled-react-app.md)
- [Create Dynamically Named Custom React Components](/til/programmy/react/create-dynamically-named-custom-react-components.md)
- [create-react-app Comes With Lodash](/til/programmy/react/create-react-app-comes-with-lodash.md)
- [create-react-app Has A Default Test Setup File](/til/programmy/react/create-react-app-has-a-default-test-setup-file.md)
- [CSS !important Is Not Supported By Inline Styles](/til/programmy/react/css-important-is-not-supported-by-inline-styles.md)
- [Debug Jest Tests In create-react-app](/til/programmy/react/debug-jest-tests-in-create-react-app.md)
- [Defining State In A Simple Class Component](/til/programmy/react/defining-state-in-a-simple-class-component.md)
- [Destructure Variables As Props To A Component](/til/programmy/react/destructure-variables-as-props-to-a-component.md)
- [Details Tags Are A Controllable Component](/til/programmy/react/details-tags-are-a-controllable-component.md)
- [Dispatch Anywhere With Redux](/til/programmy/react/dispatch-anywhere-with-redux.md)
- [Dynamically Add Props To A Child Component](/til/programmy/react/dynamically-add-props-to-a-child-component.md)
- [Dynamically Create HTML Elements](/til/programmy/react/dynamically-create-html-elements.md)
- [Enforce Specific Values With PropTypes](/til/programmy/react/enforce-specific-values-with-proptypes.md)
- [Focus An Input With useRef Hook](/til/programmy/react/focus-an-input-with-useref-hook.md)
- [Force A Component To Only Have One Child](/til/programmy/react/force-a-component-to-only-have-one-child.md)
- [Forcing A Child Remount With The Key Prop](/til/programmy/react/forcing-a-child-remount-with-the-key-prop.md)
- [Formik Connected Components](/til/programmy/react/formik-connected-components.md)
- [Formik's Validation Schema As A Function](/til/programmy/react/formiks-validation-schema-as-a-function.md)
- [Inactive And Active Component Styles With Radium](/til/programmy/react/inactive-and-active-component-styles-with-radium.md)
- [Inline Style Attributes Should Be Camel Cased](/til/programmy/react/inline-style-attributes-should-be-camel-cased.md)
- [Manage State In A Functional Component](/til/programmy/react/manage-state-in-a-functional-component.md)
- [Mapping Over One Or Many Children](/til/programmy/react/mapping-over-one-or-many-children.md)
- [Mock A Function That A Component Imports](/til/programmy/react/mock-a-function-that-a-component-imports.md)
- [Navigate With State Via @reach/router](/til/programmy/react/navigate-with-state-via-reach-router.md)
- [Pairing A Callback With A useState Hook](/til/programmy/react/pairing-a-callback-with-a-usestate-hook.md)
- [Pass A Function To A useState Updater](/til/programmy/react/pass-a-function-to-a-usestate-updater.md)
- [Passing Props Down To React-Router Route](/til/programmy/react/passing-props-down-to-react-router-route.md)
- [Prevent reach/router Redirect Error Screen In Dev](/til/programmy/react/prevent-reach-router-redirect-error-screen-in-dev.md)
- [Proxy To An API Server In Development With CRA](/til/programmy/react/proxy-to-an-api-server-in-development-with-cra.md)
- [Quickly Search For A Component With React DevTools](/til/programmy/react/quickly-search-for-a-component-with-react-devtools.md)
- [@reach/router Renders To A Div](/til/programmy/react/reach-router-renders-to-a-div.md)
- [Read Only Input Elements](/til/programmy/react/read-only-input-elements.md)
- [Rendering Multiple Nodes With Fragments](/til/programmy/react/rendering-multiple-nodes-with-fragments.md)
- [Set The Type For A useState Hook](/til/programmy/react/set-the-type-for-a-usestate-hook.md)
- [Specifying Dependencies Of A useEffect Hook](/til/programmy/react/specifying-dependencies-of-a-useeffect-hook.md)
- [Spelunking Through Components With Enzyme's Dive](/til/programmy/react/spelunking-through-components-with-enzymes-dive.md)
- [Sync Your react-router State With Redux](/til/programmy/react/sync-your-react-router-state-with-redux.md)
- [Test Files In create-react-app](/til/programmy/react/test-files-in-create-react-app.md)
- [Test That Element Does Not Render In The Component](/til/programmy/react/test-that-element-does-not-render-in-the-component.md)
- [Trigger Effect Only When The Component Mounts](/til/programmy/react/trigger-effect-only-when-the-component-mounts.md)
- [Update Formik Initial Values When Props Change](/til/programmy/react/update-formik-initial-values-when-props-change.md)
- [Upgrading To The Latest React In CodeSandbox](/til/programmy/react/upgrading-to-the-latest-react-in-codesandbox.md)
- [Use A Ref To Autofocus An Input](/til/programmy/react/use-a-ref-to-autofocus-an-input.md)
- [Use React 16 With Gatsby](/til/programmy/react/use-react-16-with-gatsby.md)
- [Use withRouter To Pass Down React-Router History](/til/programmy/react/use-withrouter-to-pass-down-react-router-history.md)
- [Visually Select A React Element For Inspection](/til/programmy/react/visually-select-a-react-element-for-inspection.md)
- [Who Is Your Favorite Child?](/til/programmy/react/who-is-your-favorite-child.md)
- [Wrap The Root Of A Gatsby App In A Component](/til/programmy/react/wrap-the-root-of-a-gatsby-app-in-a-component.md)