Eyal Cohen
@eyalcohen
Hi! I'm Eyal, Founder of Hooks, a software development service. Since 2016, I've been developing software products for various companies. I also co-founded Desert Lion, a startup focused on time travel debugging. Previously, I published a beginner's guide to React Native, and currently, I'm teaching the capabilities of shadcn/ui.
Contributed IDE list
No IDE contribution for now
User's comments
0
articles
Creating High-Contrast, Accessible Themes with shadcn/ui
Accessibility is a cornerstone of good design, and color contrast plays a significant role in making content readable for everyone. Whether your users have visual impairments, color blindness, or are simply viewing your website under challenging lighting conditions, high-contrast themes are…Feb 3rd 2025Alt-Text and Beyond: Making Your Website Accessible with shadcn/ui
Accessibility is not just a legal or ethical obligation—it’s an opportunity to improve the user experience for everyone. One of the easiest and most impactful ways to start is by implementing proper alternative (alt) text for images and other media. With tools like shadcn/ui, which is built on…Feb 3rd 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 2025Building 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 2025Dynamic Forms Made Easy with shadcn/ui: Managing Dependent Fields
Dynamic forms—forms that adjust based on user input—are a common requirement in modern web applications. Whether you're designing a checkout flow or a survey, dependent fields make forms more relevant and user-friendly. But they can also be tricky to implement. Managing state changes, conditionally…Dec 23rd 2024Integrating 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 2025Fast Doesn’t Have to Be Generic: Designing Distinct Websites with shadcn/ui
Speed is vital in web development: deadlines and Minimum Viable Products (MVPs) dominate discussions, and developers are frequently pushed to deliver “just enough” to get a site up and running. While there’s merit in efficiency, this can often lead to a sea of websites that look—and feel—the same.…Dec 23rd 2024Mastering Form Validation with shadcn/ui
Forms are the bread and butter of user interaction on the web, but getting them right can be tricky. One of the most significant challenges is handling validation (users are unpredictable) and providing clear, actionable error messages. We've all encountered forms that leave us frustrated with…Dec 23rd 2024Building Tables and Data Display: Creating Tables and Data Grids with Shadcn UI
When developing modern applications, displaying data in a structured manner is crucial. Tables and data grids allow users to consume large amounts of information at a glance. In the vibrant ecosystem of web development, Shadcn UI emerges as a powerful tool to create these elements seamlessly.…Jan 13th 2025Advanced Component Usage: Component Composition Techniques & Props Drilling
When dealing with React or similar component-based libraries, understanding advanced component usage is crucial for building scalable and maintainable applications. Two of the most important concepts in this landscape are component composition techniques and props drilling. In this post, we will…Jan 13th 2025Advanced Component Usage: Best Practices for Building Reusable UI Components
When it comes to UI development, building reusable components can significantly enhance both efficiency and maintainability. This post dives deep into advanced practices that will help you create components that not only meet functionality requirements but also ensure a seamless user experience.…Jan 13th 2025Advanced Component Usage: Composing New Components Using Existing Shadcn Components
In the front-end development, leveraging existing components is not only a best practice but essential for building efficient applications. Shadcn provides a suite of reusable components that can be combined in innovative ways to create custom user interfaces. In this article, we'll explore how to…Jan 13th 2025Contributing to Shadcn UI - How to Contribute to the Shadcn UI Library
If you're reading this, you've likely heard about Shadcn UI, a highly modular and customizable design system built on React. Developing libraries like this requires a community of contributors who are eager to improve and expand its offerings. In this guide, we're going to walk you through the…Jan 13th 2025Deploying Applications with Shadcn UI: Technical Elements of Deployment Strategies and Performance Optimization
In today's fast-paced digital landscape, deploying applications efficiently while ensuring optimal performance is paramount. Utilizing libraries like Shadcn UI can significantly streamline this process, offering both aesthetic and functional enhancements. Here’s how you can effectively deploy your…Jan 13th 2025courses
Sleek Next.JS Applications with shadcn/ui
Gain confidence building modern web UIs with a deep dive into the essentials of shadcn/ui, TailwindCSS, and Radix UI. Learn how to craft flexible, modular UIs and integrate these skills into Next.js projects. Put yourself at the forefront of front-end innovation. By the end of the course, you'll master shadcn/ui, understanding the theory behind it, building two production-ready web applications, and learning how to contribute back to the library.Aug 5th 2024
books
eyalcohen hasn't published any books