Community Picks·3yFrontend Developer Roadmap
Front-end development is the development of visual and interactive elements of a website that users interact with directly. It's a combination of HTML, CSS and JavaScript, where HTML provides the structure, CSS the styling and layout, and JavaScript the dynamic behaviour and interactivity.
DEV·2yFetch API, do you really know how to handle errors?
Learn how to handle errors when using the Fetch API and understand the best practices for error handling. Discover different approaches, such as using try/catch and checking the response status, and how to combine them for better error handling.
Medium·3yA Front-End Application Folder Structure that Makes Sense
The goal is to apply some kind of modularisation that will make the codebase easier to understand by setting boundaries between features and minimizing code coupling and side effects. By default when scaffolding a new project using one of the popular front-end frameworks the component structure is flat and follows no hierarchy whatsoever.
Permit.io·3y6 Low-Code Tools That Will Make You a Better Frontend Developer
A developer is measured by their ability to deliver product features in less time while maintaining high code quality. Striking this balance has become more achievable today, thanks to advancements in languages, platforms, CI/CD automation tools, and testing methodologies. We'll explore six low-code tools that can help you become a better frontend developer.
builder.io·2yNext.js 14: Layouts vs Templates
Next.js 14 introduced layouts and templates for building UI in web applications. Layouts act as persistent UI shells that wrap around pages, while templates remount with each page transition. Layouts ensure consistency, maintain state, and boost performance, while templates provide isolation, behavioral flexibility, and the ability to alter default behaviors. Choosing between layouts and templates depends on the specific needs of each page and the desired balance between user experience and performance.
Product Hunt·3yVite - Next Generation Frontend Tooling
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. A build command that bundles your code, pre-configured to output highly optimized static assets. A dev server that provides rich feature enhancements.
freeCodeCamp·3yFull Stack Engineer – Career Guide
Full Stack engineering roles have been growing in popularity over the last decade. But what exactly are full-stack engineers? What do they do on a day-to-day basis? And how can you become a full- Stack engineer yourself? In this article, I will go over the definition of full- stack engineering.
Towards Dev·3yWhy Tailwind is better
Tailwind CSS is a utility-first CSS framework that offers flexibility and allows for easy customization. It reduces the need for naming classes and simplifies the implementation of page designs. It also offers the advantage of automatic purging of unused classes and supports reusability of styles.
The Software House·3yWeb development stacks in 2023 – software trends
Web development stack is a set of tools typically used in tandem to develop web apps. A highly specialized web stack can exist within the constraints of frontend or backend development. The most important choice is the one concerning your full development stack. Full web development stacks are abbreviated based on the technologies that comprise them.
DEV·3yThe Roadmap to Web Dev Mastery (Best Resources)
Learn about the complexities of today's web development landscape, including frameworks and libraries. Acquire skills for free through resources and avoid critical mistakes. Grasp the workings of a website, delve into front-end mastery with HTML, CSS, and JavaScript, optimize workflow with JavaScript frameworks, build a portfolio, and explore back-end mastery. Bright Data provides a valuable tool for accessing web data.
habr·3yReact Custom Hook: useArray
"useArray" hook is one of the many carefully crafted hooks available in the collection of React custom hooks. The useArray hook uses the useState hook from React to manage the array state. The advantages of using this custom hook are twofold: it simplifies the management of array states and provides a cleaner and more readable code structure.
DEV·2yFrontend Development in 2024: Crafting a Dynamic Skillset for Success
Explore the essential skills and technologies shaping the frontend realm in 2024. Master HTML, CSS, and JavaScript, embrace React and state management libraries, optimize web performance, understand backend environments, and prioritize Core Web Vitals. Continuous learning is crucial.
Community Picks·3y⚡refine.new - Introducing the Fastest Way to Create React Apps
Discover how refine.new is transforming the way developers create React apps with its fast and easy-to-use browser tool. Learn about the benefits of using refine and refine.new, including time-saving, high-quality code, enterprise-grade applications, and open-source availability.
Community Picks·3yAnnouncing TanStack Query v5
TanStack Query v5 is released with new features, breaking changes, and improved APIs. It introduces a simplified way to perform optimistic updates, introduces suspense support, offers improved server-side rendering with Next.js, and provides better options for query definitions and persistence.
Pointer·3ynuejs/nuejs: Build user interfaces with cleaner code. Alternative to React, Vue, and Svelte
Nue JS is a small JavaScript library for building web interfaces with cleaner code. It offers a minimalist approach and easy-to-understand code, making it easier to scale. Nue supports server-side rendering and can be used for UI library development, progressive enhancement, static website generators, and single-page applications.
