Community Picks·4yJavaScript 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.
Community Picks·4ySpeech 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.
Medium·4yLodash 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.
Community Picks·4yHow 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.
Community Picks·4yPlease 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.
Dev Genius·4yThe 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.
gitconnected·4yReact code conventions and best practices
React code conventions and best practices use linting and automatic formatter. Use PascalCase in components, interfaces, or type aliases. Prefer using typescript barrels A barrel is a way to roll up exports from several modules into a single convenient module.
Community Picks·4yJavaScript Visualized: Prototypal Inheritance
In an extended class, we can access the parent class' constructor using the super keyword. By default, this object contains a constructor property, which is simply a reference to the chihuahua. But these chihuahuas can also do something special, they have a small bark. Now as you can imagine, the prototype chain doesn't go on forever.
Honeypot·4y9 Bad React Habits to Kick From Your Life
React has become a word that developers worldwide hear on a regular basis. Too much flexibility makes it easy to pick up bad habits and poor practices. Here are some of the worst practices I’ve seen (and may or may not have done in the past) The useEffect hook is probably one of the first hooks a React developer learns.
Hashnode·4yBuild your first Electron app
Electron is a free and open-source framework maintained mainly by GitHub. It powers dozens of apps, including Discord, Slack, Notion, VSCode, Spotify, and many more. The framework is designed to let developers create desktop applications using web technologies such as JavaScript, HTML, and CSS.
Community Picks·4y5 Good practices to scale your React projects easily
Reuse and reduce development time. Organize project and prevent project reconstructions. Show you are good developer by taking consideration of the project and other devs. Here are 5 lessons I learned from scaling my React projects.
Changelog·4yReal world application
Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. The Electron app is written in plain-old HTML and JavaScript. The Tauri app installer is around 2,5MB (!!!), while the Electron install is around ~85MB. Tauri has many security features built-in by default. You can even explicitly enable or disable certain APIs.
Community Picks·4yTypeScript - The Best Way to Use It with React
TypeScript is a great way to improve your React code. It can help you catch errors, optimize performance and make your code more readable. It is possible to write code that is valid TypeScript but will not compile because of an error in React. This means that developers need to be aware of both TypeScript and React when they are writing their code. Test your API for free now at BLST!
Hashnode·4yHow I got my 1st job as a developer by making simple projects seem big
Julia is a self-taught front-end developer in his thirties who switched career into tech after studying Japanese and musicology while working part-time at a casino. She created a simple calculator using JavaScript using HTML, SCSS, JavaScript, hosted on GitHub pages to run the app. She later updated the code and created some mixins to familiarize herself with it.
Hacker News·4yAstro 1.0
Astro v1.0 is a web framework for building fast, content-focused websites. Over the last 16 months, Astro has grown from an empty repo to over 13,000 stars on GitHub and 30,000 early users around the world. Astro has already been Addy Osmani, Software Engineer, Google Chrome Astro’s fast performance is even more noticeable to end users.
Community Picks·4yJavascript to know for Reactjs
React js is an open javascript library that enables us to be build fast, declarative and component driven web development. With reactjs you can build web apps, cross platform mobiles apps (react native), desktop apps (electron, node gui), progressive web apps (pwas)
Chrome Developers·4yModern web debugging in Chrome DevTools
Chrome DevTools has an extra setting enabled by default: Automatically add known third-party scripts to ignore list. With this setting enabled, DevTools hides any file or folder that a framework or build tool has marked as to ignore. This is a preview feature available in Chrome Canary from version 106.
Community Picks·4yJavascript Fundamentals
Javascript is a high-level, object-oriented, multi-paradigm programming language. In 1995, Brendan Eich created the very first version of Javascript in just 10 days. In 1996, "Mocha" was renamed to LiveScript and then to Javascript to Conditionals In JavaScript. If break is not used, next block of code for next case will be executed automatically. If break was not used.
