Open in app

Sign In

Write

Sign In

wwayne
wwayne

197 Followers

Home

About

Oct 10, 2022

React avatar generator

It has been a while since I looked for an avatar generator for my users that just signed up with an Email on the product. Luckily I found a new avatar template from the Figma community and I really liked it at first glance. So I downloaded the Figma files and wrote code based on that. And now here it is, a react library for generating random but nice avatars, including a website for editing and previewing.

React

1 min read

React avatar generator
React avatar generator
React

1 min read


May 26, 2021

Open-sourced the API editor of my upcoming product

Hello hackers :) I’m working on my next product which is a collaborative API platform. The idea initially came from my daily works, I was working in a consulting agency that design & build apps for large companies like Nike, Starbucks, Burberry, etc. Just like other digital teams, we use…

Open Source

2 min read

Open-sourced the API editor of my upcoming product
Open-sourced the API editor of my upcoming product
Open Source

2 min read


Apr 16, 2020

Build the product for clients as an indie hacker

I resigned from my daily job 2 years ago to purchase my dream of building SaaS products, I’ve built 3 paid products as an indie hacker but none of them has become a big surprise. I don’t think it is time to give up, but I do need to get…

Indiedev

4 min read

Build the product for clients as an indie hacker
Build the product for clients as an indie hacker
Indiedev

4 min read


Published in Yet SH

·Oct 16, 2018

Say Bye To PX When Writing Responsive CSS

When building Yet, I need to think deeper about the responsive, it’s not only about how the website displayed on different devices, but also about how to simulate different devices when user previewing on the desktop. I managed to avoid using JS and solve the responsive problem only by CSS…

CSS

2 min read

Say Bye To PX When Writing Responsive CSS
Say Bye To PX When Writing Responsive CSS
CSS

2 min read


Published in Yet SH

·Oct 5, 2018

Setup FastSpring Recurring Payments

For those who can’t use Stripe, FastSpring is one of the best choices of adding payment system into your SaaS. The doc of FastSpring is so confusing, so I’d like to share how I set up two different recurring payment in my SaaS. …

SaaS

3 min read

Setup FastSpring Recurring Payments
Setup FastSpring Recurring Payments
SaaS

3 min read


Published in Yet SH

·Sep 25, 2018

In React, how to prevent body from scrolling when a modal is opened

In HTML, modal usually refers to an element with the following CSS: position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; However, scrolling inside a modal will lead to body scrolling which is kind of annoying. I searched on the internet but didn’t find a perfect solution(especially…

React

2 min read

In React, how to prevent body from scrolling when a modal is opened
In React, how to prevent body from scrolling when a modal is opened
React

2 min read


Jan 2, 2016

Let’s drawing charts in React-Native without any library

Data visualization will make your App more outstanding, but there is no way to use d3 or SVG directly in react-native. Although react-native-svg could be useful, but it only support for iOS, so what if you want to make an App for both platforms? Recently I was making an App…

React

4 min read

Let’s drawing charts in React-Native without any library
Let’s drawing charts in React-Native without any library
React

4 min read


Nov 17, 2015

How We Did Magic Using Javascript for Translation

First thanks to my colleague Katie for modification and review and Iris for the illustration. Translation isn’t too common in web development projects. And especially as a front-end developer, I don’t have much experience dealing with translation, as it’s typically handled by the backend. However, in Wiredcraft’s most recent project…

4 min read

How We Did Magic Using Javascript for Translation
How We Did Magic Using Javascript for Translation

4 min read


Sep 13, 2015

How I insert sass into my NPM react component

if you have a react component contains js and css, and you want to share it to the NPM then other developers only need to import your component in their js file just like using other common component, no need to separately import sass or css file Almost four months…

JavaScript

2 min read

JavaScript

2 min read


Aug 15, 2015

How to manually open select in React

In my recent project, I need to support opening the select manually, to be exactly, the users only want to use keyboard to control the select: We use React as our front-end framework and I was disappointed when I got nothing related on google, so I decided to do it…

React

3 min read

React

3 min read

wwayne

wwayne

197 Followers

https://wwayne.com

Following
  • MIT Media Lab

    MIT Media Lab

  • Eric Elliott

    Eric Elliott

  • Julie Zhuo

    Julie Zhuo

  • Netflix Technology Blog

    Netflix Technology Blog

  • Takuya Matsuyama

    Takuya Matsuyama

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech