CY
@cyishere.bsky.social
👩🏻💻🚀🖖🏻 Learning to be a better front-end developer. ♥️ React, GraphQL & Prisma.
🌐 https://cyishere.dev
🌐 https://cyishere.dev
I just dedicated 2 hours to refactoring my setup to a better practice: migrating import sorting to ESLint, rather than Prettier, which I'm now using exclusively for code formatting.
May 23, 2025 at 8:37 AM
I just dedicated 2 hours to refactoring my setup to a better practice: migrating import sorting to ESLint, rather than Prettier, which I'm now using exclusively for code formatting.
I feel very happy whenever I convert a static design into an interactive web page.
May 8, 2025 at 4:03 AM
I feel very happy whenever I convert a static design into an interactive web page.
I don't have opinions on whether we should use TailwindCSS or vanilla CSS; I can work with either of them (or other styling methods) based on the team's preference. But I think knowing and being good at vanilla CSS is important because CSS is fun and powerful.
May 6, 2025 at 3:31 AM
I don't have opinions on whether we should use TailwindCSS or vanilla CSS; I can work with either of them (or other styling methods) based on the team's preference. But I think knowing and being good at vanilla CSS is important because CSS is fun and powerful.
I think I'll keep using light theme in my IDE for a while.
May 1, 2025 at 2:18 PM
I think I'll keep using light theme in my IDE for a while.
I used to feel the "syntax sugars" in Vue.js was too complex for me, I preferred React.js with its verbose JavaScript/JSX way. But with some years' programming experience, I'm comfortable with Vue now.
April 26, 2025 at 1:00 AM
I used to feel the "syntax sugars" in Vue.js was too complex for me, I preferred React.js with its verbose JavaScript/JSX way. But with some years' programming experience, I'm comfortable with Vue now.
I'm Learning Vue.js and encountering something weird: with TailwindCSS, even with `onMounted`, the page always reloads.🤨
April 25, 2025 at 11:52 AM
I'm Learning Vue.js and encountering something weird: with TailwindCSS, even with `onMounted`, the page always reloads.🤨
I just watched a Vue.js tutorial. The mental model for Vue and React is so different. Wow. 🤯
April 21, 2025 at 2:27 AM
I just watched a Vue.js tutorial. The mental model for Vue and React is so different. Wow. 🤯
Three years ago when I started to learn programming, "Eloquent JavaScript" was too hard for me to understand. By then it’s not a book which can teach me the knowledge. I found other ways. Now I revisit this book, I can get it and it help me understanding JS better.
April 15, 2025 at 10:20 AM
Three years ago when I started to learn programming, "Eloquent JavaScript" was too hard for me to understand. By then it’s not a book which can teach me the knowledge. I found other ways. Now I revisit this book, I can get it and it help me understanding JS better.
Reposted by CY
⚛️📝 New on Overreacted: React for Two Computers
React for Two Computers — overreacted
Two things, one origin.
overreacted.io
April 9, 2025 at 8:46 AM
⚛️📝 New on Overreacted: React for Two Computers
Can't help checking the tech stack behind every website I visit, even when I'm just trying to learn a new language or stalk my favorite celebs online...
April 3, 2025 at 3:50 AM
Can't help checking the tech stack behind every website I visit, even when I'm just trying to learn a new language or stalk my favorite celebs online...
Turns out reading in an RSS reader is very helpful. I can concentrate for a longer time.
March 31, 2025 at 3:16 AM
Turns out reading in an RSS reader is very helpful. I can concentrate for a longer time.
I'm making Button components with DaisyUI, but the buttons always appear as default. It turns out it's because of how TailwindCSS deals with dynamic class names. One solution is adding a safelist pattern for the dynamic class names. More reading below.
November 15, 2024 at 10:08 AM
I'm making Button components with DaisyUI, but the buttons always appear as default. It turns out it's because of how TailwindCSS deals with dynamic class names. One solution is adding a safelist pattern for the dynamic class names. More reading below.
Two years after building my friend's portfolio with Astro and TinaCMS, and now we can't add new content and have no error logs. (She hasn't posted for a while.) Should I rebuild using the latest versions of both? The current site is broken with no clear cause.
November 12, 2024 at 6:11 AM
Two years after building my friend's portfolio with Astro and TinaCMS, and now we can't add new content and have no error logs. (She hasn't posted for a while.) Should I rebuild using the latest versions of both? The current site is broken with no clear cause.
Can't believe that it was learning to make video games with JavaScript that finally made Object-oriented programming click for me!😅
October 31, 2024 at 8:27 AM
Can't believe that it was learning to make video games with JavaScript that finally made Object-oriented programming click for me!😅
Wow! Bluesky can show the open graph card now. Love it.
I was worried about SkyPorch's accessibility, especially how the screen reader would read that sentence of the typewriter animation. Turns out it's awful. So yesterday, I fixed the a11y issues and wrote about the process; here's the blog post:
www.cyishere.dev/blog/a11y-of...
www.cyishere.dev/blog/a11y-of...
Accessible Typewriter Animations: Using aria-label for Better Screen Reader Experience
Improve web accessibility by making typewriter animations friendly to screen readers and how to achieve them using aria-label and accessible hiding.
www.cyishere.dev
April 30, 2024 at 10:06 AM
Wow! Bluesky can show the open graph card now. Love it.
I was worried about SkyPorch's accessibility, especially how the screen reader would read that sentence of the typewriter animation. Turns out it's awful. So yesterday, I fixed the a11y issues and wrote about the process; here's the blog post:
www.cyishere.dev/blog/a11y-of...
www.cyishere.dev/blog/a11y-of...
Accessible Typewriter Animations: Using aria-label for Better Screen Reader Experience
Improve web accessibility by making typewriter animations friendly to screen readers and how to achieve them using aria-label and accessible hiding.
www.cyishere.dev
April 30, 2024 at 10:04 AM
I was worried about SkyPorch's accessibility, especially how the screen reader would read that sentence of the typewriter animation. Turns out it's awful. So yesterday, I fixed the a11y issues and wrote about the process; here's the blog post:
www.cyishere.dev/blog/a11y-of...
www.cyishere.dev/blog/a11y-of...
Since April 24th is JS Naked Day, I refined our landing page to ensure it works perfectly without JavaScript.✌️
skyporch.co
skyporch.co
April 25, 2024 at 2:34 AM
Since April 24th is JS Naked Day, I refined our landing page to ensure it works perfectly without JavaScript.✌️
skyporch.co
skyporch.co
Trying to add some cool stuff to our landing page, I've spent half a day creating images (failed) and half a day learning Three.js (making some progress).
The current landing page: skyporch.co
The current landing page: skyporch.co
April 24, 2024 at 11:42 AM
Trying to add some cool stuff to our landing page, I've spent half a day creating images (failed) and half a day learning Three.js (making some progress).
The current landing page: skyporch.co
The current landing page: skyporch.co
I've been writing styled-components for some years. The other day, I wrote some nesting CSS like the one in the image out of habit, but I was writing CSS modules, and it still works! It turns out vanilla CSS also supports this kind of nesting. So cool.
April 14, 2024 at 7:26 AM
I've been writing styled-components for some years. The other day, I wrote some nesting CSS like the one in the image out of habit, but I was writing CSS modules, and it still works! It turns out vanilla CSS also supports this kind of nesting. So cool.
I’m so glad that I finally get a better sense of Next.js 14, the server actions, using server function, and middleware.
January 8, 2024 at 2:50 PM
I’m so glad that I finally get a better sense of Next.js 14, the server actions, using server function, and middleware.
`next/image` is SO tricky…
October 27, 2023 at 9:37 AM
`next/image` is SO tricky…
It’s weird that I cannot login on the website…
September 22, 2023 at 4:06 AM
It’s weird that I cannot login on the website…
Reposted by CY
🚨 24 hour warning 🚨
My React course, The Joy of React, is currently having a launch sale. The full course is 33% off! But that sale ends in 24 hours! ⏰
Learn more about the course and register here:
joyofreact.com
My React course, The Joy of React, is currently having a launch sale. The full course is 33% off! But that sale ends in 24 hours! ⏰
Learn more about the course and register here:
joyofreact.com
The Joy of React
The all-new interactive learning experience that teaches you how to build cool stuff with React
joyofreact.com
September 18, 2023 at 9:30 PM
🚨 24 hour warning 🚨
My React course, The Joy of React, is currently having a launch sale. The full course is 33% off! But that sale ends in 24 hours! ⏰
Learn more about the course and register here:
joyofreact.com
My React course, The Joy of React, is currently having a launch sale. The full course is 33% off! But that sale ends in 24 hours! ⏰
Learn more about the course and register here:
joyofreact.com