PinnedEmbracing a Growth Mindset: Unlocking Your PotentialIn the pursuit of personal and professional success, the mindset we adopt plays a crucial role. One of the most powerful and transformative…May 30, 2024May 30, 2024
How to Integrate Auth0 with Next.js for Secure AuthenticationIn today’s web applications, user authentication is essential, and integrating a robust authentication service like Auth0 can streamline…Nov 14, 2024Nov 14, 2024
Getting Started with dayjs: A Lightweight Date Manipulation Library in 2025When dealing with dates in JavaScript, dayjs is one of the most popular lightweight alternatives for handling date and time operations. Its…Oct 23, 2024Oct 23, 2024
Advanced CSS Flexbox Layout TechniquesFlexbox is a game-changer for creating responsive layouts in web design. If you’re comfortable with the basics, like aligning items…Oct 23, 2024Oct 23, 2024
Mastering Next.js App Router: Best Practices for Structuring Your ApplicationNext.js has solidified its position as one of the leading React frameworks, offering developers a seamless blend of performance…Sep 18, 20244Sep 18, 20244
Clean Code Made Easy: Using SonarLint with Visual Studio CodeElevate your code quality effortlessly with SonarLint integration in VSCode.Sep 18, 2024Sep 18, 2024
เรียนรู้ Flexbox: การจัดการเลย์เอาท์ที่ยืดหยุ่นและทรงพลังใน CSSในยุคของการออกแบบเว็บที่ตอบสนองต่อทุกขนาดหน้าจอและอุปกรณ์ การจัดการเลย์เอาท์ (Layout) กลายเป็นสิ่งสำคัญที่นักพัฒนาต้องให้ความสำคัญ…Sep 13, 2024Sep 13, 2024
Boosting Productivity with ChatGPT: Your AI-Powered AssistantIn today’s fast-paced world, productivity is key to staying ahead. Whether you’re a developer, writer, marketer, or business professional…Aug 31, 2024Aug 31, 2024
Splitting Components in React: A Path to Cleaner and More Maintainable CodeIn React development, as your application grows, so does the complexity of your components. What starts as a small, manageable component…Aug 31, 2024Aug 31, 2024
Mastering React Hook Form with FormProvider: Simplify Your FormsReact Hook Form (RHF) has become a popular choice among developers for managing forms in React applications due to its simplicity and…Aug 31, 20241Aug 31, 20241
The Art of Clean Code: Writing Code that LastsIn the ever-evolving world of software development, code is written, updated, and maintained by teams of developers who might be spread…Aug 31, 2024Aug 31, 2024
How to Set Up a Manual Build Workflow in GitHub ActionsGitHub Actions is a powerful tool for automating your software development workflows directly in your GitHub repository. While it’s common…Aug 30, 2024Aug 30, 2024
Design Your Component with Atomic DesignIf you’ve ever built a UI component library or worked on a project with multiple UI components, you might have faced the challenge of…Aug 18, 2024Aug 18, 2024
From Developer to Senior Web Engineer: A Step Beyond Just CodingWhen I was promoted to Senior Web Engineer, my initial reaction was one of pride. But soon after, I felt the weight of increased…Aug 8, 2024Aug 8, 2024
จาก Developer สู่ Senior Web Engineer: ก้าวที่มากกว่าการเขียนโค้ดในวันที่ผมได้รับการเลื่อนตำแหน่งเป็น Senior Web Engineer ความรู้สึกแรกที่เข้ามาคือความภาคภูมิใจ แต่หลังจากนั้นไม่นาน…Aug 8, 2024Aug 8, 2024
Merge-SX: The Best Library for Merging SX Props in Material-UIWhen working with Material-UI (MUI), one of the most common tasks is customizing the styles of components. The sx prop in MUI allows for…Aug 6, 2024Aug 6, 2024
Deep Dive into package.json Configuration: EP.4 - Preparing for Publishing and Managing ReleasesIn this fourth episode of our deep dive into package.json, we will focus on preparing your project for publishing and managing version…Aug 5, 2024Aug 5, 2024
Deep Dive into package.jsonIn this third installment of our deep dive into package.json, we’ll explore the intricacies of managing dependencies. Understanding how to…Aug 5, 2024Aug 5, 2024
Deep Dive into package.jsonIn the previous episode, we explored the basic structure and essential fields of package.json. Now, in this second part of our series…Aug 5, 2024Aug 5, 2024
Deep Dive into package.json Configuration: EP.1 - Overview and Basic SettingsThe package.json file is a cornerstone of any Node.js project. It serves as the metadata file that defines the project’s dependencies…Aug 5, 2024Aug 5, 2024