Front End Development

Around 6 months ago, we embarked on a journey to come up with a simpler way for application developers to handle their data layers. By viewing everything in the backend as code — from the database to the business logic, we believed we could capture enough intent to automate the…

In my previous story I described the concept of dependency injection in Angular through the metaphor of ordering coffee in a cafe. Today we are going to have a look at a practical use case — how you can configure your apps with InjectionToken. Use Case Let’s say, you have a monorepo…

前端社群常見的宗教戰爭文： TailwindCSS根本邪魔歪道， Class根本不是這樣用的， 看了真他媽一肚子火－硬派本格 CSS/SCSS支持者 會有這樣的言論，也許是你日常的工作流程中，不適合用這樣的框架，又或許是你沒有客觀的理解過 TailwindCSS 的優點所以體會不到它的魅力。 先說結論：如果你是一個團隊做 SAAS 產品，需要在統一的產品 …

Part 1: The Basics — If you have been working with Angular, then you must have heard and used the pipes. Today, in this tutorial, we will be simplifying what pipes are, why they should be used and how they should be used. To keep things simple, we will be covering pipes in 2 parts…

“Testing the frontend is hard” “We should focus on testing the backend where it matters” “You’ll still need manual QA for all of this” I’ve heard all of these at some point in my career and I’m here to tell you it’s not true. If you’re building an enterprise web…

This is my first ever technical (kind of) blog post — be gentle with me! I felt the need to write this after taking on what I thought was a fairly straightforward challenge, to create a reusable color theme with light/dark modes using Create-React-App, Material UI and Typescript, for use…

Use Accessibility addon to run checks during development and the test runner to catch regressions — Accessibility is the practice of making apps usable for everyone. That means ensuring your app is compatible with assistive technologies, supports keyboard navigation, high color contrast modes, reduced motion, and more. The most accurate way to verify UI accessibility is to test it manually on real devices. But manual testing…

React is all about components. Applications made with React have components as their building blocks. If a UI built with React is a building of Lego, then each individual piece of Lego can be seen as a component. That’s exactly how apps are made in React, through the composition of…