Nǐ hǎo, I'm Julia.

✍🏼 Blog posts on my experience as a software engineer

I'm trying to solidify my learnings and help others at the same time by writing these short blog posts. I generally write about problems I come across and how I solved them. I'll occassionally also write about my personal experiences of navigating my career as a software engineer. If you spot an error, or have any comments, suggestions or questions about what I've written, contact me on Twitter @bionicjulia, Instagram, or email hello at bionicjulia.com. I'd love to hear from you. 🤓

P.S. I'm thinking of starting a newsletter where I'll send through my latest articles, books read and other interesting things I come across. Interested? Sign up here. If I get more than 10 subscribers, I'll kick it off! 🙃

Ensuring Content Stays Within a Mobile Device's Safe Area - Using the react-native-safe-area-context package

#react-native

Biometric Authentication in React Native With Expo - How to authenticate with facial recognition, fingerprint or iris recognition

#authentication #expo #react-native

Writing Jest Tests For a Redux Toolkit Slice - Including asynchronous and synchronous actions

#axios #jest #react #redux-toolkit

Filtering SQL Left Outer Join Queries - To help solve a N+1 problem

#databases #sql

Creating a Full Screen Pressable Overlay From a Bottom Tab Navigator in React Native - That works with Android

#react-native

Upgrading a React Native App - Strategies and tips for getting your first upgrade working

#react-native

Progressive Web App (PWA) in Next.js - Creating a PWA using next-pwa with offline support

#nextjs

Structuring Pull Requests - As a way of improving code quality and speeding up review times

#code-collaboration

React Native ScrollView Gotchas - A couple of small issues to do with nesting ScrollViews

#react-native

Override Part of an Existing Type in Typescript - Changing part of an existing type or interface

#react #react-native #typescript

Deeper Dive Into React useMemo - When to use and not use React's useMemo

#react

Deeper Dive Into React.memo - When to use and not use React.memo

#react

React.memo and useMemo - What's the Difference? - What are they and when to use these for performance improvements

#hooks #react #typescript

Creating Dynamic Tag Pages With NextJS Nested Routes - How to automatically create individual tag pages for a NextJS blog

#nextjs #react #typescript

iOS Screen Reader "Gotcha" In React Native - Quick tip when working with Touchable components

#accessibility #react-native

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

Going From Open-Source To Private - Making the tough decision to no longer become an open-source app

#react-native #reflections

Some lesser known TypeScript notation - Exclamation mark notation and casting as "unknown"

#formik #react #typescript

How To Add A Sticky Footer To The React Native Modal - Complete with a linear gradient and styling alignments

#react-native

React Native Touchable Components and Web Page Embeds - When to use Pressable vs. TouchableOpacity or Web Views vs Web links

#react-native

Component Lifecycles with React Navigation in React Native - How to refresh an API call when a user navigates back in a stack

#react-native #react-navigation

How To Add Search Functionality to a NextJS Markdown Blog (Part 1) - Implementing an internal API for searching through markdown blog posts

#nextjs #react #typescript

Transitioning from React to React Native - 3 things I learnt this week

#react-native

Integrating Webmentions Into NextJS Blog - Verifying with Twitter as an example

#nextjs #react #typescript #webmention

Chrome Devtools - Going beyond the Elements tab

#devtools

Using Typescript Unions With Never and Extends - To define conditional required component props

#typescript

Setting up virtual environments for Python repos - What is pyenv, venv and virtualenv?

#python

Setting up a NextJS Markdown Blog with Typescript - With syntax highlighting and the ability to easily add more blogs

#markdown #nextjs #react #typescript

Creating an Accordion Component in React with Typescript and TailwindCSS - Using useState and useRef hooks

#hooks #react #tailwind #typescript

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

How I Got 4 Software Developer Job Offers In 4 Weeks - Despite not having worked as a formal software developer before

#career #reflections

Creating a Copy to Clipboard Button in React - With an animated copy success state for user feedback

#hooks #react

Rendering Variable React Components - Displaying different named components based on logic

#react

Deriving a Typescript Union Type From an Array or Object - Using as const from Typescript 3.4

#react #typescript

Generating a Yup Validation Object with a Map Function - Dynamically create a validation schema from an array of objects

#forms #react #typescript #yup

Yup Validation for Date and Time With MomentJS - Exploring Yup's .test() check with MomentJS

#formik #forms #momentjs #react #yup

Generating Multiple React useState Hooks For Multiple State Variables - How to generate them automatically from an object

#hooks #react #typescript

HTML Time Input Field - Catering for Safari and Internet Explorer

#formik #forms #react #react-datepicker #typescript #yup

SQL Window Functions: Using Dense Rank Over Partition By - Building up to a window function query step by step

#databases #sql

Using SQL to Flatten a Database Table - Learning the basic SQL commands

#databases #sql

Sentry Cross-Origin Frame Error - Seen only in the Facebook browser

#react #sentry

Axios Wrappers in React Typescript - Why an abstraction upon an abstraction might be useful

#apis #axios #react #typescript

How To Run AB Tests In React - 4 options I came across

#ab-testing #react

Fighting Imposters Syndrome As A Software Engineer - 3 months into my new role

#career #reflections