👋🏻, I'm Julia.
✍🏼 Blog posts tagged "react"
- Upgrading From NextJS v12 to v13
Changes needed to get a NextJS v13 app up and running
Updated more than a month ago
- Do You Really Need a useEffect?
Minimise usage of useEffect to reduce bugs and unnecessary re-renders
Updated more than a month ago
- Practical Tips When Using React’s Two Most Common Hooks
Things to look out for with useState and useEffect
Updated more than a month ago
- NextJS Page Rendering Options
What’s SSG, SSR, ISR and CSR?
Updated more than a month ago
- React.memo and useMemo - What's the Difference?
What are they and when to use these for performance improvements
Updated more than a month ago
- Setting up a NextJS Markdown Blog with Typescript
With syntax highlighting and the ability to easily add more blogs
#markdown #nextjs #react #typescript
Updated more than a month ago
- Cypress Testing Stripe Elements
Selecting elements within an iframe using Cypress.Promise
Updated more than a month ago
- Debugging Performance Issues in React
How to find and fix performance issues in your React app
Updated more than a month ago
- Creating a React Nav Header That Slides In and Out of View On Scroll
Using a scroll listener and transformY
Updated more than a month ago
- Creating an Accordion Component in React with Typescript and TailwindCSS
Using useState and useRef hooks
#hooks #react #tailwind #typescript
Updated more than a month ago
- Creating a React Component That Fades Changing Words In and Out
Using simple CSS and the useEffect hook
Updated more than a month ago
- Creating a React Accordion Component Using Just CSS
A follow-on post for those not using TailwindCSS
Updated more than a month ago
- Using AMP Images in NextJS
How to optimise your image resources
Updated more than a month ago
- Moving From React to React Native
What I wish I knew when first making the move (extended version)
Updated more than a month ago
- React Formik and Yup Troubleshooting Tips
Getting validation to work and accessing formikProps
Updated more than a month ago
- Writing Jest Tests For a Redux Toolkit Slice
Including asynchronous and synchronous actions
#axios #jest #react #redux-toolkit
Updated more than a month ago
- Override Part of an Existing Type in Typescript
Changing part of an existing type or interface
#react #react-native #typescript
Updated more than a month ago
- Deeper Dive Into React useMemo
When to use and not use React's useMemo
Updated more than a month ago
- Deeper Dive Into React.memo
When to use and not use React.memo
Updated more than a month ago
- Creating Dynamic Tag Pages With NextJS Nested Routes
How to automatically create individual tag pages for a NextJS blog
Updated more than a month ago
- How To Add Search Functionality to a NextJS Markdown Blog (Part 2)
Adding a search input field that renders a dynamic list of results as a user types
#nextjs #react #tailwind #typescript
Updated more than a month ago
- Some lesser known TypeScript notation
Exclamation mark notation and casting as "unknown"
Updated more than a month ago
- How To Add Search Functionality to a NextJS Markdown Blog (Part 1)
Implementing an internal API for searching through markdown blog posts
Updated more than a month ago
- Integrating Webmentions Into NextJS Blog
Verifying with Twitter as an example
#nextjs #react #typescript #webmention
Updated more than a month ago
- How To Clear a Redux Toolkit State That's Using redux-persist With Typescript
Setting up the reducer function and action you need to completely clear local storage
#react #redux-persist #redux-toolkit #typescript
Updated more than a month ago
- Creating a Copy to Clipboard Button in React
With an animated copy success state for user feedback
Updated more than a month ago
- Rendering Variable React Components
Displaying different named components based on logic
Updated more than a month ago
- Deriving a Typescript Union Type From an Array or Object
Using as const from Typescript 3.4
Updated more than a month ago
- Generating a Yup Validation Object with a Map Function
Dynamically create a validation schema from an array of objects
#forms #react #typescript #yup
Updated more than a month ago
- Yup Validation for Date and Time With MomentJS
Exploring Yup's .test() check with MomentJS
#formik #forms #momentjs #react #yup
Updated more than a month ago
- Generating Multiple React useState Hooks For Multiple State Variables
How to generate them automatically from an object
Updated more than a month ago
- HTML Time Input Field
Catering for Safari and Internet Explorer
#formik #forms #react #react-datepicker #typescript #yup
Updated more than a month ago
- Sentry Cross-Origin Frame Error
Seen only in the Facebook browser
Updated more than a month ago
- Axios Wrappers in React Typescript
Why an abstraction upon an abstraction might be useful
#apis #axios #react #typescript
Updated more than a month ago
- How To Run AB Tests In React
4 options I came across
Updated more than a month ago