Best of daily.dev — August 2022
- 1
- 2
Community Picks·4y
JavaScript Visualized: the JavaScript Engine
JavaScript is based on the V8 engine used by Node.js and Chromium-based browsers. The engine tries to avoid parsing code that's not necessary right away. The optimized machine code can simply be re-used in order to speed things up. V8 is open source and has some great documentation on how it works under the hood.
- 3
Hashnode·4y
System Design: The complete course
System design is one of the earliest decisions we can make when building a system. System design meets the needs of your business or organization through coherent and efficient systems. The OSI Model can be seen as a universal language for computer networking. It's based on the concept of splitting up a communication system into seven abstract layers, each one stacked upon the last.
- 4
- 5
Full Docker Course [FREE]
The course is a mix of animated theoretic explanations and hands-on demo’s to follow along. You will have a deep understanding of the concepts and a great overall big picture of how Docker is used in the whole software development process. It's a handy way to quickly look something up or refresh your knowledge at work.
- 6
DevDojo·4y
console.log alternatives you didn't know
Using the destruction power of javascript objects, you can use destructuring. You can change the log function to any other name you want. This method is used to measure time. It's used to check if a condition is true. If it's not, it will throw an error.
- 7
- 8
- 9
Git Concepts I Wish I Knew Years Ago
Mastering Git will make a huge difference in how you manage code and your own day-to-day workflow. Because Git commands are a bit archaic and hard to remember, this guide will be broken up by concepts and expected behavior instead. If you don't have the basic git commands mastered, start with the official documentation. Limit force pushing to your own branches, before opening a pull request.
- 10
- 11
- 12
Beautify GitHub profile
README is a lightweight markup language that is intended for readability and to make the code look just like the output. README file generators can help you build your GitHub profile with minimum effort and ease. There are some cool dynamic features you can add to your readme file and take your profile to a completely next level. There is a Vs Code extension called WakaTime.
- 13
Speech Recognition with JavaScript
Speech recognition API was added to the specs and we got partial support on Chrome, Safari, Baidu, Android webview, iOS safari, samsung internet and Kaios browsers (see browser support in detail) The implementation I made currently supports English and Spanish just to showcase.
- 14
Medium·4y
Lodash is dead. Long live Radash.
Lodash was created in 2009 (as Underscore) and rose to power after a fork (as Lodash) around 2012-2013. The language was too unsafe, unmaintainable, and unwieldy. The addition of optional chaining and null coalescing alone makes a large handful of Lodash functions obsolete. The source code is maintained with understandability for newcomers as a top priority.
- 15
Josh W Comeau·4y
Why React Re-Renders
This tutorial is written to help beginner-intermediate React developers get more comfortable with React. It's the only “trigger” in React for a component to re-render. In React, every state change in React forces an application-wide render, but this isn't true. In this case, it sees that our paragraph has a text node that changed from 0 to 1.
- 16
How To Use Multithreading in Node.js
Since JavaScript is single-threaded, it blocks the main thread and no other code executes until the task completes. To understand this, you will create a Node.js program with an infinite loop so that it doesn’t exit when run. Using nano or your preferred text editor, create and open the process.js file: nano process.
- 17
- 18
Please Stop Using Local Storage
Local storage is just one big old JavaScript object that you can attach data to (or remove data from) Local storage provides at least 5MB of data storage across all major web browsers. This is a fairly low limit for people building apps that are data intensive or need to function offline. If the app you're using doesn't fit the above description: don't use local storage.
- 19
DEV·4y
Bye Bye Heroku
Heroku is a cloud programming platform designed to help build and deploy online applications. Founded in 2007, it is now one of the largest PaaS platforms in existence. Starting November 28, 2022, we plan to stop offering free product plans and start shutting down free dynos and data services.
- 20
Free Alternatives to Heroku
Heroku has brought an end to free dynos and Postgres databases. Other free platforms can be used to host Django (Python) powered web applications for free. Fly and Render seems to offer Postgres on a free plan. Railway doesn't have a free tier, but basic usage is quite cheap.
- 21
Understanding useMemo and useCallback
The main thing that React does is keep our UI in sync with our application state. The tool that it uses to do this is called a “re-render” Each re-render is a snapshot of what the application's UI should look like at a given moment in time. For example, let's suppose our example also features a digital clock. We could potentially run into some performance problems if we wind up doing this work gratuitously.
- 22
Software Engineer Interview: The Interview Study Guide For Software Engineers
Ben Rogojan created a checklist on his last round of interviews that covers many of the popular topics. To help you keep track of your progress, we've compiled a comprehensive checklist of the same problems listed below.
- 23
Dev Genius·4y
The CSS Hack You Need To Know!
The Attr() selector allows our CSS style sheet code to communicate with our HTML. The selector allows us to read in attribute values specific to the targeted HTML tag or element. A common practice implementation for this type of feature would be to use an additional span within an element. The span value is updated as required.
- 24
Building a chat app with Socket.io and React 🚀
Socket.io is a popular JavaScript library that allows us to create real-time, bi-directional communication between web browsers and a Node.js server. To develop a chat app you would need to be aware of new messages as soon as they arrive. To read this article you'll need to have a basic knowledge of React.io.
- 25
LogRocket·4y
Micro-frontend with React and Next.js
The bottom line is that you should split your project up so that the user experience won't be disturbed. It should look like this: We have to expose our component to make it globally available for another micro-frontend. We will use the exported component of fe1 and the function of fe2. Let’s treat fe3 as a consumer. Let's treat fe2 as a customer. Let�’S treat fe1 as a consumers.