builder.io·3yThe React Ecosystem in 2023
The React Ecosystem celebrates its 10th anniversary in 2023 as the ecosystem continues to flourish. For those who are new to React, getting started can be a daunting task. With a vast array of tools and libraries available within the React ecosystem, choosing the right combination for your project can be challenging.
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.
builder.io·3y50+ ChatGPT Prompts for Web Developers
ChatGPT can generate code for a variety of web development tasks. It can help you generate semantic HTML and CSS code, JavaScript functions, and even database queries. With ChatGPT, you can identify code smells and security vulnerabilities in your code to make it more efficient and secure.
Community Picks·3yRealtime Colors
Realtime Colors is a tool that allows users to visualize their chosen colors and fonts on a real website. It saves time by eliminating the need to implement different color variations, provides a realistic color palette distribution, and is simple to use with just a few button presses. The tool is free to use, offers customizable color palettes, and allows users to export their choices in various formats.
Community Picks·3yThe Art of Code Review
Code review is an important part of software development that ensures code quality, reduces technical debt, and promotes knowledge sharing. Being a polite and helpful reviewer is important to maintain a healthy working relationship. It's also important to focus on the logic behind changes rather than insignificant details. For big changes, it's recommended to break them down into smaller, manageable pieces and use intermediate code reviews to facilitate the review process.
Kent C. Dodds·3yStop Being a Junior
"Junior Developer" is a term for a developer who has been working as a software developer for over a year and a half. People with years of experience are more likely to be able to learn new things faster because often new things resemble old things. Experienced developers are also likely to miss important new features in languages and tools.
Medium·3yDoing much better than your .env file
Tony: I argue again for why we should reduce the practice of storing all environment variables in a.env file and move to a more sophisticated approach for managing them in local development. He says this article is intended for software development teams and not security and devops teams that already have this figured out.
Headway·3yVSCode Profiles: Optimize Your Coding Environment
Profiles are a useful feature in VSCode that allow you to save and switch between different sets of preferences and configurations. For a React front-end project, you might want to install extensions such as Ruby and Solargraph. Profiles let you create workspaces with unique configurations and preferences for each project or task.
Community Picks·3yWhy we're bad at CSS
CSS is more like putting their hand in the pain box from Dune while some product manager has a gom jabbar to their neck, daring them to pull their hand out. Despite the latest advancements in CSS, many are still stuck in this kind of BEM mindset, trying to encapsulate everything.
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.
The New Stack·3yThe New JavaScript Features Coming in ECMAScript 2023
ECMAScript will be approved in July 2023, but four proposals for new language features have already reached stage four. WeakMap lets you extend an object with extra properties without worrying about creating a memory leak. Change Array by Copy gives developers new methods for sorting, reversing and overwriting data without mutating the array it’s stored.
Community Picks·3ySmolCSS
SmolCSS create an intrinsically responsive grid layout, optionally using a CSS custom property to extend to variable contexts. Each column will resize at the same rate, and items will begin to break to a new row if the width reaches the --min value. The smol stacked layout is a grid feature that can often replace older techniques that relied on absolute positioning.
asayer·3yUX: best practices for developers
User experience (UX) is a critical component of web development that can make or break the success of a website or application. UX refers to the user’s overall experience when interacting with a website, app, or product. A well-designed UX can increase user engagement, retention, and conversions, resulting in better commercial outcomes.
Community Picks·3yTool for front-end teams
Backlight empowers front-end teams to build and ship great design systems. Design systems boost productivity, quality and scalability of a product. But they're often costly and time-consuming to build. Backlight renders pull-requests visually for effortless checks and reviews.
Next.js·3yBlog - Next.js 13.4
Next.js 13.4 is a foundational release, marking stability for the App Router: App Router. The new router has an entirely different architecture, built on the foundation of React Server Components and Suspense. With the new App Router, you can import (and colocate) any CSS file in any component.
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·3yTamagui 1.0 🎉 — Tamagui
Tamagui is a suite of React components and hooks that optimize React code and provide customizable styles and themes. It consists of Tamagui Core, Tamagui Static, and Tamagui UI. The key feature of Tamagui's performance gains is view flattening or tree-flattening. Tamagui Core is a complete cross-platform style library, while Tamagui Static is an optimizing compiler for frontend React code. There are several new components in Tamagui, and upcoming features include dynamic inline evaluation, container queries, and more. Tamagui is funded by Github Sponsors.
Sysco LABS Sri Lanka·3yThe Art of Micro Frontends
The Art of Micro Frontends is a modular architecture design for web. The concept of micro frontends is an extension of the micro services used in backend. Companies such as Netflix, Zalando and Capital One have pushed the pattern to the front, preparing the groundwork for micro-frontends.
