Medium·2yWe 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.
freeCodeCamp·2yThe React Roadmap for 2024 – How to Learn React
This post provides a roadmap for learning React in 2024, covering core concepts, hooks, intermediate concepts, creating apps with Vite, data fetching with TanStack Query, state management with Zustand, styling with TailwindCSS and Radix, routing with TanStack Router, building forms with React Hook Form, and full-stack React development with Next.js.
DEV·2yWhat 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.
Community Picks·2yTailwind 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.
Medium·2yFrontend 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.
Medium·2yThings You Don’t Know About Next.js
NextJS 14 promises a faster, more enjoyable development journey for React developers. This post reveals concepts of NextJS that many developers may not know, such as using Route Group functionality for organizing folder structures, leveraging the Metadata API for improved SEO, and creating active links in Next.js for enhanced user experience.
Community Picks·2yTop 5+ NextJS & ReactJS Boilerplates for 2024
Top 5+ NextJS & ReactJS boilerplates for 2024, offering unparalleled server-side rendering capabilities and optimized performance. Horizon UI Boilerplate, BoilerCode, Shipped.club, Shipfa.st, and Nextlessjs.com are the top choices for efficient, scalable, and high-quality web application development.
freeCodeCamp·2yMERN Stack Roadmap – How to Learn MERN and Become a Full-Stack Developer
Learn the MERN stack, a widely-used technology stack for building efficient and scalable web applications. Get started with HTML, JavaScript, and CSS. Explore React for frontend development. Understand REST APIs and backend server development using Express and Node. Learn about MongoDB and Mongoose for database management. Write tests for your MERN stack applications. Get familiar with Git for version control. Deploy your MERN stack applications. Access top resources for learning the MERN stack and try out 10 project ideas today!
Community Picks·2y10 common mistakes with the Next.js App Router
Learn about common mistakes with the Next.js app router, such as calling route handlers from a React server component, understanding the defaults for route handlers, and using suspense with server components. Find out how to avoid these mistakes and improve your Next.js application.
DEV·2yThe Virtual DOM is More Powerful Than You Think
The Virtual DOM is a powerful concept used in web development and beyond. It offers benefits like batched updates and compatibility with different platforms. Libraries and frameworks like React Native, Remotion, and React Three Fiber have leveraged the Virtual DOM to create various outputs. However, there are also limitations and considerations when using the Virtual DOM.
DEV·2yFrom Next.js to Rails then Elixir: My journey through React.js burnout
The author shares their journey through React.js burnout and their switch to different frameworks like Gatsby.js, Next.js, Remix, Ruby on Rails, and Elixir with Phoenix. They highlight the challenges and benefits of each framework, ultimately recommending Elixir and Phoenix as their preferred stack.
Community Picks·2yWedges — Open-source UI components for React • Lemon Squeezy
Wedges is an open-source collection of UI components for React, designed with Wedges Design System, Radix UI, and Tailwind CSS. It simplifies the process of building beautiful and customizable user interfaces, with features such as fast and modern components, accessibility compliance, customizable themes, and support for dark mode. Wedges is designed by professionals and is built with Radix Primitives to ensure WAI-ARIA compliance. Lemon Squeezy is a platform used by thousands of successful startups and digital creators. They provide exceptional customer support and offer resources like the Creator Guide and the Merchant of Record Guide. Merchandise is also available, and users can book a demo to explore Lemon Squeezy's capabilities.
Hacker News·2ywasp-lang/open-saas: A free, open-source SaaS app template with superpowers. Production-ready. Community-driven.
The Open SaaS template is a fully open-source app template with a focus on free, open-source services. It is built on top of powerful tools and frameworks including Wasp, Astro, Stripe, Plausible, OpenAI, SendGrid, MailGun, and TailwindCSS. It offers features such as full-stack authentication, end-to-end type safety, running cron jobs in the background, and easy deployment via a CLI.
VirtusLab·2y7 trending frontend technologies for 2024 -
Learn about the upcoming trends in frontend technologies for 2024, including micro frontends, Next.js, headless CMS, the 'Signals Approach' in Angular, AI-driven design, serverless computing, and styling in React. Stay ahead in the ever-evolving world of frontend development!
