Best of Web Development — January 2024
- 1
- 2
- 3
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.
- 4
- 5
freeCodeCamp·2y
The 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.
- 6
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.
- 7
- 8
- 9
- 10
- 11
NGINX for Backend Developers
NGINX is a versatile and powerful open-source software used for web serving, reverse proxying, caching, load balancing, media streaming, and more. This course on NGINX provides a comprehensive guide to understanding and using NGINX, covering topics such as installation, terminology, serving static content, mime types, location context, rewrites and redirects, and using NGINX as a load balancer.
- 12
- 13
- 14
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.
- 15
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.
- 16
Things 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.
- 17
- 18
Bits and Pieces·2y
Implementing Saga Pattern in a Microservices with Node.js
Learn how to implement the Saga Pattern in a Microservices with Node.js. Saga Pattern is a design pattern used to manage transactions and ensure data consistency across multiple services in a distributed system. There are two approaches to implementing the Saga Pattern: Choreography-Based Saga and Orchestration-Based Saga.
- 19
- 20
- 21
- 22
Community Picks·2y
Top 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.
- 23
CSS Grid vs. Flexbox: Choosing the Right Layout Technique
CSS Grid and Flexbox are two layout techniques with different strengths and use cases. CSS Grid offers precise control over rows and columns, making it ideal for complex layouts. Flexbox excels in one-dimensional layouts, providing flexibility in content distribution. Both techniques can be used together for the most effective results.
- 24
- 25
MERN 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!
