CY 👩🏻‍💻🚀🖖🏻

Learning to be a better front-end engineer. ♥️ React, GraphQL & Prisma.
Mandarin; English; Learning German.
🦋 @

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

The music player demo in the post:

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

New Post: ✨ Sync Audio with Text in React

https://t.co/iVvnnhDnBO

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

New post: A Practical Example of CSS :has() Selector

https://t.co/Muc3dw4uRV

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

Although automating Git workflow with AI is efficient and cool, I tend to avoid it; otherwise, I’d forget how to use Git altogether. 😅

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

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.

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

@chrisjarling Thank you. This is very helpful.

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

I feel very happy whenever I convert a static design into an interactive web page.

[Sara Soueidan is on Bluesky @SaraSoueidan]

I'm just gonna leave this here:

https://t.co/D9MxdhutBD

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

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.

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

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.

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

I'm Learning Vue.js and encountering something weird: with TailwindCSS, even with `onMounted`, the page always reloads.🤨

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

The most important one for me is React encourages treating data as immutable, Vue is the opposite.

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

I just watched a Vue.js tutorial. The mental model for Vue and React is so different. Wow. 🤯

[Gabriel Uribe @uribegosselin]

Another visionOS hackathon!

Come join us in SF, all-day on November 16th

We’ll have spare Vision Pros, monitors, snacks, beverages, and hands-on support

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

Can't believe that it was learning to make video games with JavaScript that finally made Object-oriented programming click for me!😅

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

I'm so glad I found the `group-*` modifier of TailwindCSS today, although it took a very long detour.

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

@uribegosselin The problem with Shadcn for me is that it has very low contrast in dark mode and makes my eyes hurt badly...

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

@eternoveritas 谢谢☺️～

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

Not typing Chinese though.

[CY 👩🏻‍💻🚀🖖🏻 @cyishere]

My Colemak layout typing speed finally catches up with my Qwerty layout typing speed. 😌