Community Picks·3yPatterns
A collection of animation techniques built using CSS or JavaScript with considerations for accessibility and user preferences. You can use the code in these examples to help ensure your projects stay on the right track. This collection includes patterns that are often tricky to implement without hurting your Core Web Vitals scores.
DEV·3yBuild a Whatsapp Clone (Realtime Chat) using Next.js, Socket.io, Tailwind CSS, Node.js, Express and Prisma
This comprehensive WhatsApp clone comes packed with a range of awesome features to give you an authentic messaging experience. The Whatsapp Clone uses Next.js, Socket.io, Tailwind CSS, Node.js and Express and Prisma - DEV Community Features of the WhatsApp Clone.
Cloud Native Daily·3y10 Microservice Patterns Software Engineers Should Know
Building scalable software requires a software engineer/architect to pick the right architecture. Monolithic architecture is usually the first choice in mind for most engineers because it is easy and does not have to deal with the distributed system complexity because a whole application is in the same giant codebase when dealing with agile software delivery.
Community Picks·3yThe modern way of serving images
The HTTPArchive found at least 70% of all websites have an image as the most prominent element, yet only 34% of the web uses to create responsive & performant images. To change this, the following article will guide you through responsive image techniques, and introduce a novel technique that aims to make tags work (almost) like tags.
Community Picks·3yMastering CSS Grid
A series of concise lectures and hands-on exercises will guide you through everything you need to know about creating responsive layouts for all of your web applications. You'll learn how to enable grid, define basic layouts, and use DevTools overlays to help plan and debug grid lines and areas.
thoughbot·3y10 Tips to stay focused on your personal Projects
The Pomodoro Technique involves working for a set amount of time, usually 25 minutes, and then taking a short break. The Eisenhower Matrix classifies tasks based on urgency and importance, so you can prioritize the most important ones first. Set goals and estimations is one of the most effective ways to stay focused on personal projects.
Community Picks·3ySay Goodbye to Spread Operator: Use Default Composer
" default-composer" is a lightweight JavaScript library that allows you to set default values for nested objects. The library replaces empty strings/arrays/objects, null, or undefined values in an existing object with the defined default values. This helps simplify programming logic and reduce the amount of code needed to set the default values.
DZone·3yBest Practices for Writing Unit Tests
Unit tests are crucial in software development as they aid in bug detection, code refactoring, documentation, and regression prevention. They allow developers to verify the correctness of individual code units, such as functions, methods, or classes. Join the DZone community and get the full member experience.
builder.io·3yNext.js 13 Routing
Next.js employs a file-system-based routing mechanism, where URL paths in the browser are determined by files and folders in the codebase. Next.js offers support for nested routes, so you can to establish a hierarchical structure within your application. For a fresh start, delete the folder to create routes from scratch.
Community Picks·3yDaisy UI 3.0 Released: New components, themes, improvements, and more!
Daisy UI has introduced loading spinners with its latest version. Spinners indicate an activity or event is currently running in the background. The new Accordion component in Daisy UI is an update on but uses radio buttons inside the hood. This makes it possible to make JS-free components more efficient, faster, and accessible.
Community Picks·3yDevOps is Bullshit
DevOps started as a well-intentioned set of practices and culture, it has devolved into an unholy beast of division and tunnel vision. The problem is most engineers don’t want to do operations work, they want to build the product. The knowledge silos are a feature, not a bug.
builder.io·3yCSS: The Good Parts
CSS is like a Swiss army knife for web design. It's got the power to animate, transform, and adapt layouts with and. making it all responsive and cool. It's not just about simple styling anymore, it's about bringing your whole web game to life. Let's dive into how CSS got to where it is today.
Amplication·3yNode.js Development: All You Need to Know
Node.js can be considered a future-proof technology that every developer should know. It allows developers to use JavaScript on both the frontend and backend, making it the perfect choice for building scalable, high-performance applications. It was introduced in 2009 and revolutionalized the development world since it allowed developers to run JavaScript outside web browsers.
Spacelift·3yDocker Cheat Sheet – 36 Docker CLI Commands
The command-line tool is used to interact with a Docker installation. In this article, we’ll provide a brief description for the majority of the main commands. You can use this list to learn more about Docker’s functionality, or simply find out how to use a particular feature.
Hacker Noon·3yTop TypeScript Utility Functions You Need to Know
TypeScript brings powerful static type checking and expressive types. One of the key strengths of TypeScript is its extensive collection of utility functions. In this blog post, we will explore some of the most useful TypeScript utility functions that can greatly improve your programming experience.
Community Picks·3yMongoDB Cheat Sheet🌱
MongoDB is a document database with the scalability and flexibility that you want with the querying and indexing that you need. A database typically has a separate file system directory to hold its data. The values of fields may include other documents, arrays, and arrays of documents.
Community Picks·3yNext.js 13: complete guide to Server Components and the App Directory
Next.js 13 is a major release of the most popular React framework. It ships with a new routing system, also called App Router. The new directory brings many improvements to the existing directory, and it's the new default way to write Next.js apps.
Amplication·3yWhy We Chose Node.js Over Deno?
Node.js was the de-facto standard for writing server-side JavaScript apps in the 2010s. Ryan Dahl introduced Deno in 2018 in his controversial JSConf EU talk titled "10 Things I Regret About Node.JS" This article gives an overview of the platforms, history, performance, security, and all other critical features.
Amplication·3yWhy Netflix Took a Bet on GraphQL
Netflix migrated its iOS and Android apps to a GraphQL backend in 2022. Netflix's decision to adopt GraphQL was driven by its ambition to create a more flexible, efficient, and developer-friendly API architecture. GraphQL's declarative nature, comprehensive documentation, and robust tooling make it a developer's dream.
builder.io·3yA Visual Guide to Layouts in Next.js 13
A layout in Next.js is a UI component that is shared between multiple pages in an application. It allows us to define a common structure and appearance for a group of pages, reducing redundancy and promoting code reusability. In version 13, Next.JS provides built-in support for layouts, making it simpler to create and manage them.
