Ken Chan
@kchan
Frontend engineer from Brooklyn, NY. Formerly Microsoft and multiple pre-seed/seed startups. Data visualizations, product design, accessibility, and SEO.
Contributed IDE list
No IDE contribution for now
User's comments
0
articles
Understanding Monorepos and Dependency Management
In the ever-evolving landscape of software development, managing dependencies effectively is crucial. One popular approach to simplifying this process is the use of monorepositories, or monorepos. This structure groups multiple components, modules, or services within a single repository, which aids…Jan 16th 2025Understanding Monorepos and Build Systems
In software development, managing codebases efficiently is more critical than ever. Two concepts that have gained considerable traction are monorepos and build systems. These approaches facilitate collaboration, streamline workflows, and optimize resource utilization across development teams. A…Jan 16th 2025Understanding Pnpm Monorepos and their lock.yaml File
In the landscape of JavaScript tooling, managing dependencies can feel daunting. Enter pnpm—a performant package manager that not only offers fast installations but also shines in the context of monorepos. In this blog post, we’ll explore the significance of pnpm in a monorepo setup, focusing…Jan 16th 2025Using dotenv in Node.js: A Comprehensive Guide
Configuration management can quickly become overwhelming. Especially when you're juggling multiple environments—development, testing, and production. Enter dotenv, a zero-dependency module that makes managing environment variables a breeze in your Node.js applications. dotenv is a popular Node.js…Jan 15th 2025Installation and Setup of Shadcn UI with yarn and npm
Setting up Shadcn UI can feel overwhelming, especially if you're diving into a new development environment. Today, we’ll break down the installation process into manageable steps so you can seamlessly integrate Shadcn UI into your projects—whether you're using React, Vue, or another modern…Jan 13th 2025Creating a Sidebar with Shadcn UI: Building a Responsive Sidebar Component
When it comes to web design, a responsive sidebar is not just a functional necessity; it’s an integral part of user experience that helps guide visitors through your application. In this post, we’ll explore how to create a sidebar component using Shadcn UI—a powerful tool that simplifies the…Jan 13th 2025Styling and Theming in Shadcn UI - Using Shadcn Colors and Design Tokens
Shadcn UI stands on its modern design principles, all wrapped up in a simple, maintainable package. As developers and designers increasingly seek to create cohesive experiences across their applications, understanding how to effectively utilize colors and design tokens becomes paramount. In this…Jan 13th 2025Creating a Sidebar with Shadcn UI
When designing a user interface, the sidebar is a crucial component for navigation and information display. In this post, we’ll delve into how to create a functional and aesthetically pleasing sidebar using Shadcn UI, a popular library that simplifies UI development. Whether you're building a…Jan 13th 2025Styling and Theming in Shadcn UI - How to Apply Themes and Customize Styles
Shadcn UI offers a powerful toolkit for developers who want to enhance the aesthetics and functionality of their web applications without diving into complex CSS frameworks. In this guide, we will explore how to apply themes and customize styles effectively using Shadcn UI. By the end of this…Jan 13th 2025How to Read Environment Variables in Vite React
In web development, managing environment variables efficiently is crucial, especially when using frameworks like Vite alongside React. These variables allow you to store configuration options that can change depending on the environment your application is running in—whether it's development,…Dec 31st 2024Environmental Variables in Python: A Guide to load_dotenv
In software development, configuring your environment carefully is crucial. Be it for a small-scale hobby project or a large enterprise application, the responsible handling of environment variables is essential for maintaining secure and robust applications. If you're a Python developer, the…Jan 15th 2025Managing Environment Variables in Python with Dotenv
Managing environment variables in Python (or any language, really) can sometimes feel like a daunting task. Yet, this process can be simplified dramatically using the dotenv library, which allows developers to easily manage settings and configurations without hardcoding sensitive information…Jan 15th 2025How to Unset Environment Variables in Python
Working with environment variables in Python is a necessity for many developers. Environment variables are often used to configure your application in a way that's independent of the code itself. However, there are times you may need to unset or remove these variables. In this guide, we’ll explore…Dec 31st 2024Building Tables and Data Display: Managing State and Data Fetching
In web development, displaying data efficiently and attractively is crucial for user engagement and functionality. Whether you're creating dashboards, data tables, or simple lists, how you manage state and data fetching can make a significant difference. This post delves into best practices for…Jan 13th 2025Integrating Shadcn UI with Svelte and React Native
In the ever-evolving landscape of web development, integrating various user interface libraries and frameworks can amplify your project’s versatility and aesthetic appeal. One such library making waves is Shadcn UI, known for its clean design and modern components. In this post, we’ll explore how…Jan 13th 2025Using Environment Variables in Ruby with Dotenv
When developing Ruby applications, managing environment variables is crucial for configuration and security. One of the most efficient ways to handle this is by using the dotenv gem. This powerful tool allows developers to load environment variables from a .env file into their Ruby applications…Jan 15th 2025Python Dotenv: Managing Your Environment Variables with Ease
Managing sensitive information in your applications can feel like walking a tightrope. With the rise of development paradigms like DevOps, it’s crucial to separate secrets, such as API keys and configuration variables, from your codebase. This is where python-dotenv shines, allowing developers to…Jan 15th 2025Securing Your Application with dotenv and Secret Keys
In modern web development, handling sensitive data—like API keys and database credentials—is of utmost importance. Using environment variables is a best practice to keep these secrets under wraps. One of the most popular methods to manage this in Node.js applications is through the use of the…Jan 15th 2025Integrating Shadcn UI with Other Frameworks
When we venture into the world of modern web development, one of the significant decisions you’ll make is selecting a user interface (UI) library that aligns seamlessly with your existing frameworks. Shadcn UI, a new entrant in the realm of design systems, offers remarkable potential, but…Jan 13th 2025Installation and Setup of Shadcn UI
Setting up a new UI framework can be a daunting task, but with Shadcn UI, the process is fairly simple and efficient. In this guide, we will walk through the steps to get Shadcn UI installed and running in your project, ensuring you can leverage its capabilities in no time. Before diving into the…Jan 13th 2025courses
Building a Typeform-Style Survey with Replit Agent and Notion
Learn how to build beautiful, fully-functional web applications with Replit Agent, an advanced AI-coding agent. This course will guide you through the workflow of using Replit Agent to build a Typeform-style survey application with React and TypeScript. You will learn effective prompting techniques, explore and debug code that's generated by Replit Agent, and create a custom Notion integration for forwarding survey responses to a Notion database.Jul 18th 2025
books
kchan hasn't published any books