Hey, I'm Phuoc Nguyen! 👋
I'm a software engineer from Vietnam 🇻🇳.
In my free time, I enjoy playing football ⚽ with my co-workers and Nintendo games 🎮 with my kids.
I also take care of my Border Collie 🐕. Here's a little secret: my zodiac sign is the dog.
Creating products and earning money 💰 from them is my passion. I hope you find useful things in this digital space 🚀.
Favourite quotes 🎩
Here are some quotes that inspire me the most. I strive to follow them both in my learning and in my actions.
You don't have to be great to start, but you have to start to be great
If you cannot do great things, do small things in a great way
Life is like riding a bicycle. To keep your balance, you must keep moving
Great things are done by a series of small things brought together
Vincent Van Gogh
Anyone who has never made a mistake has never tried anything new
Never give up. Today is hard, tomorrow will be worse, but the day after tomorrow will be sunshine
Check out this list of series that cover various topics in front-end development. They're incredibly useful for both learning and your day-to-day work, just like they are for me.
Best of all, they're all free and open to contributions. If you find them helpful, please consider giving them a GitHub star 😍. Your support is greatly appreciated!
Awesome CSS animations: examples of stunning animations without external libraries
A collection of popular CSS layouts and patterns that you can use right away
Are you a front-end engineer looking to take your skills to the next level? Then you're in luck! I'm excited to present to you our in-depth series covering advanced techniques and patterns in front-end development.
Our series is designed to provide you with real-life examples that you can use for your applications. We understand that learning can be a daunting task, which is why we've curated our content to be both engaging and informative. You won't find any boring material here!
It's important to follow the posts in the correct order, starting from the first one and working your way to the last. There are some important techniques introduced in between that you won't want to miss.
The power of React context
Get ready to create code that's more efficient, scalable, and maintainable for real-life situations using React context
IntersectionObserver with React
Say goodbye to your fear of the IntersectionObserver API! This series will show you how to use it in React with helpful examples.
Do you have any questions about front-end development? If so, feel free to reach out to me on Twitter or create a new issue on GitHub using the button below. I'm happy to help with any topic you'd like to learn more about, even beyond what's covered on this website.
Although I have a long list of upcoming topics, I always prioritize your questions and ideas for future content. Together, we can learn and grow! Sharing knowledge is the best way to elevate ourselves 🥷.
Recent posts ⚡
Use forwardRef with a higher-order component
05 Dec, 2023
Swap items in a sortable list
04 Dec, 2023
Display a placeholder in a sortable list
03 Dec, 2023
Create a sortable list
02 Dec, 2023
Build a drop zone for file uploads
01 Dec, 2023
Read the content of the dropped file
30 Nov, 2023
Preview images before uploading them
29 Nov, 2023
Build a drop file indicator
28 Nov, 2023
Create your own ghost element
27 Nov, 2023
Customize the appearance of a ghost element
26 Nov, 2023
An introduction to HTML 5 drag and drop
25 Nov, 2023
Use a custom drag handle
24 Nov, 2023
Create a linear gauge with discrete values
22 Nov, 2023
If you're into front-end technologies and you want to see more of the content I'm creating, then you might want to consider subscribing to my newsletter.
By subscribing, you'll be the first to know about new articles, products, and exclusive promotions.
Don't worry, I won't spam you. And if you ever change your mind, you can unsubscribe at any time.