Best of Frontend Development — January 2024
- 1
- 2
Medium·2y
We Forgot Frontend Basics
This post discusses how frontend development has become overcomplicated with endless trends and paradigms, and highlights the importance of mastering basic skills, such as vanilla JavaScript, HTML, and CSS. It also provides tips for improving frontend development skills.
- 3
- 4
DEV·2y
What is the ideal Tech stack to build a website in 2024? 👨💻
The post discusses the author's preferred tech stack for building a website in 2024, including the use of Typescript, Reactjs or Vuejs, Postgres, and Redis. It mentions the pros and cons of these technologies and acknowledges that not all organizations are using frameworks.
- 5
- 6
- 7
Community Picks·2y
Tailwind CSS: The Magic Style Library
Tailwind CSS is a magic styling library that revolutionizes styling in React projects. It offers a utility-first approach, drastically reducing the amount of code needed and providing rapid development, consistency, and customization options. However, it may pose a learning curve, impact file size, and require careful overrides.
- 8
Frontend Masters: Feature-Sliced Design (FSD) Pattern
Learn about Feature-Sliced Design (FSD), a methodology for organizing web and mobile applications into smaller, self-contained features. It uses a pizza analogy to explain the concept of layers, slices, and segments. FSD offers benefits like easier management, scalability, faster development, clear ownership, and simplified testing. However, it also has challenges like planning, learning curve, teamwork effort, potential redundancy, and limited tools.
- 9
Lobsters·2yThe perfect web framework
This post discusses the pillars of a perfect web framework, including a content-first core, world-class design, motherf**king fast performance, consistent MPA+SPA experience, instant development loop, easy scalability, sub-second deploy times, universal template, and built-in cloud services.
- 10
Theo - t3․gg·2yUI Libraries Are Dying, Here's Why
UI libraries are dying as the future of web development shifts towards generating custom component libraries using tools like Shaden UI and VD. These tools allow developers to easily build and customize UI elements within their own code base, providing a more flexible and powerful solution.
- 11
- 12
- 13
- 14
Bits and Pieces·2y
Top 5 Tools for your Next.js project
Explore the top 5 tools and libraries tailored for Next.js development. Learn about Bit for composable applications, Next SEO for search engine optimization, NextAuth.js for authentication, Next Sitemap for automated sitemap generation, and Vercel for easy deployment.
- 15
- 16
- 17
Codemotion·2y
10 Documentation Tools You Must Try in 2024
Innovative and evolving documentation tools are streamlining the process of creating accurate and useful documentation. These tools prioritize user experience, collaboration, and integration with other development tools. The recommended tools of 2024 offer user-friendly interfaces, real-time collaboration features, and intelligent automation.
- 18
asayer·2y
Building Interactive Dashboards with Strapi, Node and Next
This post provides a guide on how to build interactive dashboards using Strapi, Node.js, and Next.js. It covers the setup process, designing interactive dashboards with Strapi, implementing interactive features in Next.js, connecting the backend and frontend, implementing user authentication, and deployment and optimization.
- 19
The ultimate guide to cache-busting for React production applications
Learn about cache-busting for React production applications and how to avoid errors when deploying new versions. Discover solutions such as adding meta elements to index.html, configuring caching with nginx, implementing retry policies for lazy loading, and more.
