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.
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.
ITNEXT·2yWhy I chose Tauri instead of Electron
The author discusses their decision to choose Tauri over Electron for building a desktop application. They highlight the benefits of Tauri, such as its clear separation of backend and frontend, smaller app size, and plugin system. They also compare Tauri to Electron in terms of programming language and ecosystem, webview, features, and mobile support.
freeCodeCamp·2yHow to Sort an Array of Objects by Property Name in JavaScript
Learn how to sort an array of objects by property name in JavaScript. Understand JavaScript arrays and arrays of objects, keys in JavaScript objects, determining the data type of a property, sorting an array of objects with a specific key, how to sort an array based on numeric values, how to sort an array based on string values, and edge cases to consider.
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.
Community Picks·2yMastering Asynchronous Programming in JavaScript
Learn about asynchronous programming in JavaScript using callbacks, promises, and async/await. Callbacks allow non-blocking execution of code, but can lead to callback hell. Promises represent future values and make code linear with chaining. Async/await makes asynchronous code look synchronous.
Supabase·2yUsing React Query with Next.js App Router and Supabase Cache Helpers
Learn how to use React Query with Next.js App Router and Supabase Cache Helpers. The article provides step-by-step instructions for installing dependencies, creating a React Query client, generating TypeScript types, creating Supabase clients, automating query key management, writing reusable queries, and fetching data server-side and client-side. The post concludes by discussing the benefits and use cases of using React Query with Server Components.
