Open in app

Sign In

Write

Sign In

Dong Chen
Dong Chen

211 Followers

Home

About

Published in ITNEXT

·Apr 29, 2021

API mocking in unit test and storybook

This post explores three levels of API mocking and how we can make mocking work the same way for both storybook and unit test. I will also share my learning in debugging why mocking XMLHttpRequest doesn't work. …

Web Development

4 min read

API mocking in unit test and storybook
API mocking in unit test and storybook
Web Development

4 min read


Mar 5, 2021

Is microfrontend the future?

Yes, I firmly believe that microfrontend is a game-changer in Web development. Microfrontend enables the independence of development and deployment of Web apps while maintaining a fast, cohesive user experience. Problem with today’s architecture A large web app/site is typically divided into several sub-apps based on the URL path. For example, site.com/home and site.com/marketing…

Micro Frontends

3 min read

Is microfrontend the future?
Is microfrontend the future?
Micro Frontends

3 min read


Published in The PayPal Technology Blog

·Jun 2, 2020

Sharing UI Components at an Enterprise Level

Although React and other Web frameworks make it easier to share components, sharing doesn’t happen by default. Challenges still exist, especially at an enterprise level, which demands extra efforts to coordinate among teams working on various products across organizations. In reality, even discovering components created by other teams is hard. …

React

8 min read

Sharing UI Components at an Enterprise Level
Sharing UI Components at an Enterprise Level
React

8 min read


Mar 13, 2020

Handle GraphQL loading state with React useEffect

Problem A great advantage of GraphQL is you can colocate GraphQL query with React components. For example, Here in the component we get data from GraphQL query (using Apollo query hook), and are immediately able to render it. It is sweet because it is clear what data the component requires…

React

3 min read

Handle GraphQL loading state with React useEffect
Handle GraphQL loading state with React useEffect
React

3 min read


Published in The PayPal Technology Blog

·Oct 23, 2019

What Exactly is JAMstack?

When I first heard JAMstack, or “static app” over a year ago, I was confused. What does it mean to be “static”? Does it take “dynamic” server data and “dynamic” user input? I made my biggest courage and threw our these questions in our internal slack channel. …

JavaScript

9 min read

What Exactly is JAMstack?
What Exactly is JAMstack?
JavaScript

9 min read


Sep 3, 2019

Theme UI: encouraging consistent and responsive styling practices

CSS is not fun to me personally. But the css-in-js solution provided by tools like emotion and styled-components makes it a lot more fun as I feel I am developing a react component with all props available beyond simply css. I like both emotion and styled-component. Albeit that they implement…

Styled Components

5 min read

Theme UI: encouraging consistent and responsive styling practices
Theme UI: encouraging consistent and responsive styling practices
Styled Components

5 min read


Apr 11, 2019

Differential serving vs. polyfill service: How to best serve modern and legacy browsers

Most people today use modern browsers, yet we still have a small but important percentage of traffic from legacy browsers like Internet Explorer. There are two things modern browsers can do but legacy browsers cannot. First, modern browsers support many new syntax offered in ES2015+, such as ES module import…

JavaScript

6 min read

Differential serving vs. polyfill service: How to best serve modern and legacy browsers
Differential serving vs. polyfill service: How to best serve modern and legacy browsers
JavaScript

6 min read


Feb 26, 2019

How does npm handle conflicting package versions?

If you find this post useful, don’t forget to give me your 👏 (s) and follow me on twitter https://twitter.com/imDongCHEN Problem If the same module is listed both as a dependency of an application and one of its dependencies’ dependency, but their listed version is different, how would npm handle the…

JavaScript

5 min read

How does npm handle conflicting package versions?
How does npm handle conflicting package versions?
JavaScript

5 min read


Oct 2, 2018

Four pro tips for React development

These four tips are lessons I learned recently. Just want to share in case you find it useful. Tip One: Use conditional rendering as first choice When a component is only rendered in some condition, you can either do conditional rendering Or use class name /css to toggle hiding of the component Usually we should use…

JavaScript

4 min read

Four pro tips for React development
Four pro tips for React development
JavaScript

4 min read


Sep 12, 2018

Thoughts on Node middleware being an impure function

This post discusses a usage pattern of middleware in Node.js, and my thoughts on its pros and cons. I’ll start with a brief introduction to the concept of middleware. If you are familiar with middleware, you can jump to [Con of middleware] What is middleware

JavaScript

5 min read

Thoughts on Node middleware being an impure function
Thoughts on Node middleware being an impure function
JavaScript

5 min read

Dong Chen

Dong Chen

211 Followers

Web engineer @robinhood; PhD in Human-Computer Interaction

Following
  • The Startup Grind Team

    The Startup Grind Team

  • Julie Zhuo

    Julie Zhuo

  • MIT Media Lab

    MIT Media Lab

  • The Tech

    The Tech

  • Zoltan Olah

    Zoltan Olah

See all (53)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech