Jing Fan on Atomic Spin

Jest Setup: Gotchas with Next and MUI

If you're setting up UI tests with Jest and React Testing Library and then adding in NextJS and Material UI, watch for these three things.

React / Redux

Dynamically Generate Responsive Form Fields in React

The Dynamic Form Field component should ideally be able to render different types of form fields based on the provided props.

Project & Team Management

50 Segue Questions for Software Teams

Below is a list of tried-and-true segue questions (icebreakers) to get people talking and connecting on software teams or anywhere else.

Developer Tools

An Introduction to Jetpack Compose’s Box Composable

The Box Composable can be used in several ways. Leverage the potential of layering with Box to create engaging and dynamic user interfaces.

Development Practices

Max Coverage, Minimum Time: An Efficient Android Development Testing Strategy

By applying this comprehensive and efficient testing strategy, we can ensure a high-quality, reliable Android application.

Developer Tools

Hilt: A Simple Guide to Dependency Injection

Using dependency injection helps to organize the codebase and create a separation of concerns. That's where Google's Hilt comes into play.

Figma

Sync Figma Variables with Figma API

Variables in Figma are an integral part of achieving consistent design. Let's employ and sync Figma variables using the Figma API.

React Native

What is React Native? 4 Takeaways from the Chain React Conference

Here are some of my biggest takeaways from Chain React, a three-day React Native conference. But first, what is React Native?

Vue

What’s a Vue Plugin and How Do I Use It?

In the world of React, a Vue plugin is a powerful tool similar to a library or package that can be installed and used.

Project & Team Management

Tips for Working on a Team in Multiple Time Zones

A great way to build sustainability in a cross-time-zone team is to be empathetic and mindful of your teammates' local time.

React / Redux

Using Dynamic Anchor Links in React Markdown

My development team's project is currently using Contentful to manage site content. One hiccup we had to deal with is dynamically creating anchor tags.

Developer Tools

How to Log in PHP

It took a bit to find the best way to console log while running php in Valet. Here are a couple of techniques that helped me debug locally with PHP Laravel.

Jing Fan

Keep up with our latest posts.