Field notes
Blog by Eric
Senior Software Engineer, frontend, TypeScript, React, Vue, Flutter, Machine Learning, loves reading, love to travel, trying hiking
Standalone Next.js with Custom Server
Adding a custom server to run a standalone Next.js app
November 10, 2024Latest
Writing archive
We spent six days on this GSAP resize bug
How we ensured good user experience by keeping good GSAP animations even after resizing
Vitest runs Unit Tests 50% Faster
Migrating from Jest to Vitest allows our pull requests to merge and deploy faster
Next.js Localhost https Setup
Easily and quickly set up https for your local development.
XState 101 - Quick Introduction to Finite State Machine
Explore finite state machine and learn what XState is. Also see whether we adopt this or not.
Use SWC to Improve Your Build Speed by 30%
Use SWC to make your app build faster by 30%
Differences between React and Vue
Here are some syntax differences between the two popular frontend frameworks
Common Frontend Interview Questions I have been Asked
Here are some of the frontend interview questions I have been asked by top tech companies
What are Software Engineers Interviews
What are software engineers interviews like?
Being a Senior-plus Engineer
What does a Senior-plus Engineer do and how do you get that title
State Management without Vuex
Exploring the possibility of using only Composition API to manage all of our states
How to define a default value for function in JavaScript
Here is the ultimate guide to set a default value in your function without writing too much code that people can read
Why do we need to write tests
Tests are boring why do we need to write them
How to write tests for Vue
Start writing tests today for your Vue application with this guide
How do I write tests for my JS app
The post you need to start writing tests for your JavaScript
Debugging Apollo Cache
The observation from implementing caching in Apollo
Working with Vue and Apollo GraphQL
Let's see GraphQL in action in your Vue app
Moving to GraphQL
Here is our starting point to the new architecture
How I Debug Poor Performance - Network
Here is how you can debug for poor performance by looking at network infomation
How Not to Slow Your Vue App
Here are some tips that you can do to NOT slow down your Vue app
Getting Started with Vue 3
Getting started with Vue 3 with Vuex and Vue Router
Firebase Functions Image Resizing
Automatically resize your image on Firebase to generate thumbnail
Flutter libraries I cannot live without
These libraries have made my Flutter developer experience more delightful
Flutter for Frontend Engineer
Flutter is easy to pick up especially for frontend engineer who wants to quickly starts a project
Vue 3 and Composition API
See what is new in Vue 3 and how Composition API can better organize your code
Serving Modern and Legacy Bundle
Serving the right amount of JavaScripts to different browsers to improve performance
Serving Image at the Right Time
Serving beautiful image at the right time is crucial to the overall user experience
Webpack Finally Lazy Load
Six-month frustration with Webpack code splitting and lazy loading fixed in one article.
Assumptions you shouldn't make as a developer
You should not make assumptions when working with one another or when writing codes
Journey to Creating a Long List
Make your long list to work efficiently and not crush people’s phones.
Ways of Adding DOM with JavaScript
I am not really sure how many people would like such article on different ways of adding or inserting HTML without the use of framework as…
Six-Month Job Hunting Journal
There were many articles I read that kept saying one should start looking for jobs sooner rather than later in the senior year. Looking to…
Nodejs With Firebase Storage
Here’s a way for you to upload files to Firebase Storage from your Nodejs server
My personal web dev journey
I think I chose a wrong major in university
What have I gained in 2016?
Time to do a performance review for myself
Making angular project production-ready with gulp
Recently, I had a chance to make some adjustments to the file structure for the project I worked on in the company. There wasn’t any source…
Things I learned from being an intern
Lessons from an early frontend internship on asking questions, learning continuously, adapting, and staying humble as a junior developer.
