Best of daily.dev — March 2021
- 1
- 2
gitconnected·5y
Building a Video Chat App with Node.js + Socket.io + WebRTC
Building a Video Chat App with Node.js + Socket.io + WebRTC Taran Arora shares his tips on how to build a video chat app using JavaScript and NodeJS. It will also show you how to use PeerJS,WebRTC, and Nodemon to build the app.
- 3
- 4
Hashnode·5y
The best approach to lazy load images for maximum performance
Native lazy loading for images and iframes was released for Chrome and other major browsers. Image lazy loading is one of the more popular approaches of optimizing websites due to the relatively easy implementation and large performance gain. Around 73% of currently used browsers support this feature which is not bad but we don't want to make the website image content inaccessible and unusable to 27% of potential users.
- 5
Changelog·5y
A list of 70+ open source clones of popular sites
100+ open-source clones and alternatives of popular sites like Airbnb, Amazon, Instagram, Netflix, Tiktok, Spotify, Whatsapp, Youtube, etc. List contains source code, tutorials, demo links, tech stack, and GitHub stars count. Great for learning purpose!
- 6
DEV·5y
Git commit message convention that you can follow!
A typical git commit message will look like this: <type>(<scope>): <subject> Enter fullscreen mode Exit full screen mode. "type" must be one of the following mentioned below! Build : Build related changes (eg: adding external dependencies) chore : A code change that external user won't see. feat : A new feature fix: A bug fix docs : Documentation related changes: A code that is related to styling.
- 7
- 8
DevDojo·5y
Modern Javascript - III
Every year, Javascript update adds new features. ES2021 (also known as ES12) is planned to be released in June this year. New features that are added each year go through a four-stage process. All the features listed below have already reached the last stage and are very much ready for release.
- 9
How I Built My Perfect Score Portfolio Website
I recently published the fourth version of my portfolio jemimaabu.com. I've always built my portfolios from scratch with HTML and CSS, using as little JavaScript dependency as possible. With this version, I tried to make the code as performant and accessible as possible but still have an interactive site. This article will be about how I managed to achieve that.
- 10
15 Funny Memes for Software Developers
I recently started a modified version of the #100daysofcode challenge. I aim to write content related to Python, Data Science, or Programming every day. Follow my progress on Twitter, Medium, Dev.to, Hashnode, or my WordPress Blog. Back to the page you came from.
- 11
daily.dev·5y
Why I moved from styled-components to Tailwind CSS and what's the future of CSS-in-JS?
Styled-components is an open-source JS library that uses the power of JavaScript to create styled React components easily. Tailwind CSS follows the Atomic CSS methodology, where every class sets only one styling rule. The only difference is that you write your CSS in your JS files or even JSX.
- 12
JavaScript in Plain English·5y
50 VS Code Extensions That Will Make You a Better Developer
50 VS Code Extensions That Will Make You a Better Developer. The extensions in the VS code run in their own process and are lazily loaded. There are plenty of extensions available and can be browsed in the visual studio market place. Here is the curated list of the most useful extensions that help developers to increase their productivity.
- 13
Bits and Pieces·5y
VSCode Automations for Frontend Developers
VSCode Automations for Frontend Developers Boost your productivity and code quality with these tools and extensions. Nethmi Wijesinghe discusses several VS Code automation tips that frontend developers should follow. Live Server, the cool extension available in VSCode, automates this for you. Turbo Console Log is the perfect choice for writing meaningful log messages.
- 14
Smashing Magazine·5y
SVG Generators
SVG generators can be used to create shapes and backgrounds, path visualizers and JSX generators. There are plenty of further options for SVG patterns — for example for repeating background images. JustCode SVG Filters is a visual tool for pretty much all nerdy SVG filtering needs. HeroPatterns provides dozens of repeating patterns.
- 15
- 16
TailwindCSS Hidden Gems 💎
Using the space utility classes, you can easily add equal spacing between your elements instead of using margin. You can also use the divider classes to add dividers between your Elements. Instead of using custom box-shadow values to create rings around elements, can utilize these classes to display the same output.
- 17
Create Your App With Flutter In 5 Days
Flutter allows developers to create applications for iOS and Android by using a single code-base. The app development process has never been easy, but Flutter has made it far easier and simpler for developers by providing an advanced level of software development kit complied with all the widgets and plugins.
- 18
Product Hunt·5y
VS Code Theme Studio — Create your own VS Code theme easily, within your browser
VS Code Theme Studio enables you to quickly and easily design your own VS Code theme in an intuitive, user-friendly, web-based interface. No more messing around with nasty JSON files, editing raw hex color codes, and tweaking settings. Embed your own theme.
- 19
5 Awesome React Hooks ⚛️
React use lazy load image uses the Intersection Observer API to provide a performant solution to lazy loading images. UseOnClickOutside is one of the bests, with this hook, you can easily capture outside clicks from an element, very useful for a modal for example. UseDocumentTitle allows you to set the page title simple calling it from a component and passing the title string.
- 20
- 21
15 Project Ideas for Web Developers
Building projects improves one's coding skills because learning by creating stuff is more efficient. This article covers project ideas for frontend, backend, and full-stack web developers. Here are some project ideas if you're looking to improve your skills in front-end technologies. The color guesser game is a simple game that allows players to guess the background color.
- 22
- 23
Build an API in Node.js using AWS, API Gateway, MongoDB, and Serverless
This tutorial shows you how to build a secure REST API for a Notetaking react-redux application using MongoDB database as a service. We will follow a Serverless approach using AWS Lambda, API Gateway, and the Serverless framework. In Part 1, we are going to build the backend, and to go through this tutorial, you will need the following.
- 24
4 JavaScript ES2018 Features You Should Know
The ES2018 specification introduced four new features. These features are asynchronous iteration, rest/spread properties, Promise.prototype.finally() and regular expression improvements. This tutorial will help you learn how these features work and how to use them. Asynchronous iteration is one of the lesser discussed ES2018 features. With asynchronous iteration we get asynchronous iterables and iterators.
- 25
Micro-Frontends: What, why, and how
Rany ElHousieny explains what Micro Frontends are and how to use them. Micro-Frontends architecture was introduced to solve multiple issues with the current SPA frontend development. Companies started to adopt the Module federation approach to migrate from a monolithic application to Microfrontends.
