Best of daily.dev — November 2022
- 1
- 2
Medium·3y
Say bye bye to bad javascript practices
Some small practices in programming can have a continuously negative impact on the code we write and the product we create as the end result. It’s important to share what they are and why you should avoid them at all costs. Here are a few tips and reminders to help you write code comments like a pro.
- 3
Josh W Comeau·3y
An Interactive Guide to Flexbox
Flexbox is a remarkably powerful layout mode. It uses fluid principles to create a layout that flows seamlessly. When we truly understand how it works, we can build dynamic layouts that respond automatically. We'll build an intuition for how the Flexbox algorithm works, by learning about each of these properties.
- 4
DEV·4y
An animated guide for Node.js event loop
Node.js is single-threaded, but what does it mean in practical terms? We will explore it by following this piece of code step by step. The V8 JavaScript engine manages a call stack, an essential piece that tracks which part of our program is running. The event loop connects the queue with the call stack.
- 5
Community Picks·4y
The Full-stack Software Design & Architecture Map
The Full-stack Software Design & Architecture Map. How to Learn Software Design and Architecture is taken from Solid Book - The Software Architecture & Design Handbook w/ TypeScript + Node.js. The map is a little bit more detailed, and as a result, the map is more useful.
- 6
React - Best Practices
In JavaScript, you can adopt ES6 syntax to make your code cleaner. Don't Forget key Prop With map in JSX Always assign a unique value to the prop to every JSX element while mapping from an array. Use Ternary Operator instead of if/else if Statements makes your code bulky.
- 7
5 websites to learn Frontend-web development faster
In this article, I have curated 5 resourceful sites that will help you better you web development skills really fast. Exercism gives you the same path of study with extra challenges to help you grow faster. Below is a roadmap to master the fundamentals of JavaScript using this site.
- 8
JavaScript Under The Hood: Advanced Concepts Developers Should Know
In JavaScript, the scope goes from outer to inner. This means that variables declared in the outer scope can be accessed in all inner scope, not vice versa. When console.log (sport) was run, it attempted to locate the variable declaration in the favoriteSport function. The external reference point is determined by where your function is lexically positioned. For example, favoriteSport() is Lexically positioned not within function otherSport.
- 9
gitconnected·3y
Javascript Design Patterns
Singleton design pattern exposes a single instance that can be used by multiple components. Singleton Pattern can be considered the basics of global state management libraries such as Redux or React Context. The factory pattern is preferred in cases where the object creation process depends on dynamic factors.
- 10
- 11
- 12
- 13
Analytics Vidhya·4y
Creating a Music Streaming Backend Like Spotify Using MongoDB
Creating a Music Streaming Backend like Spotify using MongoDB. This article was published as a part of the Data Science Blogathon. In this article, I will show you how to handle uploading songs to the database, streaming music, user authentication, the ability to choose your favorite songs, and a recommendation engine. We will add our code in a new file named ‘auth.ts’ in a new file.ts.
- 14
Torque·3y
CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly
By adhering to basic guidelines for writing CSS, you can make sure you produce clean, legible, and easily supportable code. Make your code readable and make it more comfortable to understand, maintain, and work with. If there is an existing style guide, stick with that.
- 15
HTML Cheat Sheet
HTML Cheat Sheet contains useful code examples and web developer tools, markup generators and more on a single page. These pages were created as a quick guide for those who already know how to work with these languages. The page was created in 2020 with the latest HTML5 rules and will be updated regularly.
- 16
- 17
Pointer·4y
A Visual Guide to SSH Tunnels (with labs)
SSH is yet another example of an ancient technology that is still in wide use today. With nothing but standard tools, you can achieve the following: Access internal VPC endpoints through a public-facing EC2 instance. Expose any local server from a home/private network to the outside First, we need to prepare the server - a machine with the SSH daemon and a simple web service listening on 127.0.1:80. The web service is a simple online service.
- 18
Why you should never use px to set font-size in CSS
CSS Tricks: Why you should never use px to set font-size in CSS is an important, and poorly understood topic. If you pick the wrong unit, you risk overriding your users’ preferences, making it stands for “root em,” and the root of a webpage is the tag.
- 19
yangshun/tech-interview-handbook: 💯 Curated coding interview preparation materials for busy software engineers
Over 500,000 people have benefitted from this handbook. Best practice questions for coding interviews - Grind 75 - the next evolution of Blind 75, bigger and better. How to prepare for coding interview best practices.
- 20
- 21
The Difference Between the Shell and the Terminal
The shell and the terminal are different from each other but are often used interchangeably. When using a command line interface, we use text commands to make our programs work instead of a Graphical User Interface. The shell is a program that takes commands from the keyboard and gives them to the kernel to perform.
- 22
ByteByteGo·3y
EP34: Session, cookie, JWT, token, SSO, and OAuth
The Black Friday sale is now up! Use code BF2022 at checkout for 30% off my system design interview online course. This week’s system design refresher: System design interview course (Black Friday Sale) Token, Cookie, Session What is CDN?
- 23
Is Flutter better than React Native?
Flutter and React Native are natural competitors as two of the most used multi-platform mobile app frameworks. The answer lies not in the technical aspects of React Native and Flutter at all. Hiring developers is famously difficult right now, but the pool of developers to draw from is far larger than Flutter's.
- 24
- 25
freeCodeCamp·4y
TypeScript for React Developers – Why TypeScript is Useful and How it Works
The idea behind this article is to go through the basics of TS and understand the benefits of TypeScript. In the second section of this article, I will cover the specifics of TS with React. This should help you decide if you want those benefits or not.