Best of daily.dev — October 2022
- 1
- 2
Community Picks·4y
Developer Roadmaps
Developer Roadmaps roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings. The project is OpenSource, 6th most starred project on GitHub and is visited by hundreds of thousands of developers every month. We are working on a solution for teams. Help us shape the platform. The project has a solution to build and build a new software that will be available.
- 3
Netflix System Design- Backend Architecture
Netflix accounts for about 15% of the world's internet bandwidth traffic. Netflix operates in two clouds Amazon Web Services and Open Connect (Netflix content delivery network) The overall Netflix system consists of three main parts. Zuul as its API gateway is built to allow dynamic routing, traffic monitoring, and security, resilience to The Netty handlers on the front and back of the filters.
- 4
Bits and Pieces·4y
How to Fetch API Data in React Like a Pro
How to Fetch API Data in React Like a Pro Building applications the user use love is not an easy task. The technique we are going to talk about is known as render as you fetch. This simple technique is also suggested by React itself while fetching data.
- 5
daily.dev Changelog·4y
Authentication just got easier!
Authentication just got easier! Now you can log in with Google, Facebook, Github, Apple or email. But wait, there is more! You can now connect multiple authentication providers. This is super useful if you are logged in with say Facebook on your phone but not on your PC.
- 6
- 7
- 8
freeCodeCamp·4y
Harvard CS50 – Free Computer Science University Course
Harvard CS50 is one of the most popular beginner computer science courses in the world. The course teaches students how to think algorithmically and solve problems efficiently. Topics include abstraction, algorithms, data structures, encapsulation, resource management, security, software engineering, and web programming.
- 9
JavaScript from ES6 to ES12 in 2022
JavaScript from ES6 to ES12 in 2022 is one of the three most crucial programming at front-end positions. There are some new scripts to support software engineers by ES6 ~ ES12 for now. ECMA specification is made up of parties, including browser vendors, who meet to push JavaScript proposals. The promise is a solution to asynchronous (non-synchronous) writing, which is more elegant than the original callback writing. In the early days, it was a suite of the open-source community.
- 10
- 11
DEV·4y
React Just Got Even More Awesome
The use hook is only meant to handle async behaviour, not caching or other advanced features. It's a step in the right direction for the react team and a welcome addition to the react ecosystem. If you're looking for a more advanced data fetching library, react-query is still the way to go.
- 12
Git commit message convention that you can follow!
Git commit message convention that you can follow. Motivation of this blog is to curate all information at one place and to make more people aware about standards followed by industry. A typical git commit message will look like <type>: <subject> "type" must be one of the following mentioned below.
- 13
ITNEXT·4y
SOLID Principles Sketches
SOLID Principles Sketches allows you to do interactive (nested) sketches. Each SOLID principle has a dedicated sketch page that looks like the following Single Responsibility Principle SRP Sketch A class should have only a single responsibility. No client should be forced to depend on methods it does not use.
- 14
Heroku Is No Longer Free, Here Are The Best Alternatives
Heroku is a famous PAAS service that allows developers to deploy apps very easily and in various languages and frameworks. At the date of writing this post, 27 August 2022, Heroku does have a free tier to be used for learning purposes and for non-commercial apps like your own personal projects.
- 15
Patterns·4y
Hooks Pattern
React 16.8 introduced a new feature called Hooks. Hooks are functions that you can use to manage a components state and lifecycle methods. Hooks make it possible to - add state to a functional component - manage a component's lifecycle without using a class component. In both componentDidMount and componentWillUnmount, we're customizing the behavior of the app based on the window's resize event.
- 16
gitconnected·4y
Top 2 Reasons Why I Moved From Notion to Obsidian as a Software Developer
VIM-based text editors are always my top choice for daily coding work and tech writing work. I personally hate the moments when the draft notes cannot be saved because of the network issue which happens a lot when using Notion as note taking app. The most intuitive approach is to type down everything I need without leaving the keyboard. The right tool makes it much more interesting and enjoyable.
- 17
- 18
Vercel·4y
Introducing Turbopack: Rust-based successor to Webpack – Vercel
Turbopack: Rust-based successor to Webpack Vercel's mission is to provide the speed and reliability innovators need to create at the moment of inspiration. It's built on a new incremental architecture for the fastest possible development experience.
- 19
Learn this before React
The destructuring rest & spread operator promises map and filter methods. The find method returns the first element that satisfies the condition. FindIndex returns the index of that ["jack", "pritom" The spread operator enables us to spread the content of a iterable (i.e. array) into individual elements Spread. In simple terms promises are used to handle asynchronous operations.
- 20
- 21
- 22
Changelog·4y
7 Cool HTML Elements Nobody Uses
The progress element is the semantically correct way of displaying progress bars. The meter element is progress on steroids. The abbr element allows you to add an autocomplete suggestions to your input elements. map & area map and area allow you to create image maps.
- 23
- 24
- 25
Understanding Async & Await
A Promise is a primitive data type that represents a future value. It's a JavaScript object with two pieces of information: the promise state, and a value or error. A promise is settled when the promise has either fulfilled or rejected. With 30+ real-world exercises you'll transform knowledge into a practical skill that will make you a better developer.
