Open in app

Sign In

Write

Sign In

Sherry Hsu
Sherry Hsu

318 Followers

Home

About

Jun 30, 2021

Key Takeaways from Egghead talk: Marketing Tactics for Software Developers

How to increase your value as a developer https://egghead.io/talks/egghead-marketing-tactics-for-software-developers The talk in 3 sentences Good marketing gets important message to the right person at the right time Be excited! Projects/ Blogposts/ or just yourself. Share about the progress, the benefits. REPEAT. REPEAT. REPEAT. Improve on techniques: Learn from other developers. Why you love following them…

Marketing

2 min read

Marketing

2 min read


Jun 21, 2021

Reflections on Testing

Some Insights gained as a Test Engineer Note: This post was also included in Software Test Weekly. Many other amazing testing related articles are also listed there! Testing vs Checking Testing is a matter of imagination. Testing requires critical thinking and suspicion. Testing cannot be automated just like how programming cannot be automated. Checks can be automated. Automated Testing should…

Testing

4 min read

Testing

4 min read


Jun 14, 2021

React Async Data fetch

A few React characteristics to keep in mind: State Update is Asynchronous (slower than what you expect!) State updates are asynchronous , so be careful with using the state immediately inside the same function. E.g. in the handleChange() below, the state input is not updated immediately after setInput is called. …

React

3 min read

React

3 min read


Jun 7, 2021

Heuristics for Frontend System Design Interviews

Heuristics: Simple and efficient rules for making a “good enough” decision for a local optimal solution. Frontend System Design Heuristics Understand the problem and Requirements Guiding Questions: What does the system do? What data are involved in the system? Who are the actors in the system? What does a happy path look like (functional req — some dimensions: display order/…

System Design Interview

4 min read

System Design Interview

4 min read


May 31, 2021

Autocomplete Search Feature using Downshift

In Wesbos Advanced React lesson, the module 10 is on implementing the Search feature to search for products across the site. The Stack: KeystoneJS (auto generates Backend GraphQL APIs), NextJS, Apollo GraphQL, Downshift (autocomplete widget). The 2 things for implementing this Search feature are: useLazyQuery from Apollo GraphQL Queries Downshift…

React

3 min read

Autocomplete Search Feature using Downshift
Autocomplete Search Feature using Downshift
React

3 min read


May 23, 2021

What I learnt about Access Control

After taking Wesbos’ Advanced React course, I got a better idea on how to configure the user Access Control ! Here is what I learnt with examples based on the KeystoneJS server. Authentication VS Authorisation Authentication — checks if the user is signed in. Authorisation — checks if user has the permission to…

Keystonejs

3 min read

What I learnt about Access Control
What I learnt about Access Control
Keystonejs

3 min read


May 16, 2021

Conditional Gating Component for React Rendering

What does the pattern look like? // Sign In Gate export const SignInGate = ({ children }) => { const user= useUser(); if (!user) return null; return <div>{children}</div>; }; //------------------------------------------------ // use the Sign In Gate export default function MembersOnly() { return ( <SignInGate> <MembersProduct /> </SignInGate> ); } Under what situation can this be used?

React

1 min read

React

1 min read


May 7, 2021

How to avoid Z-INDEX war

A summary of tricks learnt from Josh Comeau In our applications, we can sometimes notice z-index of elements increase overtime as new requirements and components get added. There are times when the dropdown menus get hidden behind text input boxes or floating components bleed through modals after UI component upgrade. …

CSS

2 min read

How to avoid Z-INDEX war
How to avoid Z-INDEX war
CSS

2 min read


May 2, 2021

SSG and SSR in Next.JS

Server Site Rendering and Static Site Generation Next.js 9.3 and newer offers special functions for data fetching: getStaticProps, getStaticPaths and getServerSideProps. Before Next.js 9.3, there was a function getInitialProps used for data fetching. I tried finding answers to the following questions to really fully understand these special functions. Is getStaticProps only good for rendering static pages like About or Blogs?

Nextjs

3 min read

SSG and SSR in Next.JS
SSG and SSR in Next.JS
Nextjs

3 min read


Jun 30, 2019

Stop dropdown menu from closing while debugging CSS

An usefulChrome debugging tip for inspecting dropdown menus! — CSS debugging tool is awesome. We normally use the Chrome CSS inspectors to try out quick experiments and quickly find out what certain page or components look like when certain styles are applied. However, you may find CSS inspection impossible if your component is a dropdown menu, which closes every time you click away for inspection…

JavaScript

2 min read

Stop dropdown menu from closing while debugging CSS
Stop dropdown menu from closing while debugging CSS
JavaScript

2 min read

Sherry Hsu

Sherry Hsu

318 Followers

A software engineer passionate about learning and growth

Following
  • Niklas Göke

    Niklas Göke

  • Eric Elliott

    Eric Elliott

  • 刻意練習團練室

    刻意練習團練室

  • Jason Fried

    Jason Fried

  • Gerard van der Put

    Gerard van der Put

See all (71)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams