![[ERR!]](https://pbs.twimg.com/profile_images/828593972029317120/4UXq5Hmj_normal.jpg)
Happy International Youth Day to all our young developers! Innovators in this sector are capable of such vast change, on a global scale and new perspectives are always welcome.
Other new things this week include Angular 10.1 and React 17.0! Dinesh talks us through the top 10 features and updates in "What’s new in Angular 10.1" and Tino Caer discusses a lack of new features in "React v17.0: An Update With No New Features".
General
Modern Regular Expression for Web Developers: 4 Techniques You Didn't Know
A regular expression (also known as regex) is a sequence of characters that simplify complex text processing tasks. For web developers, having a good grasp of regular expressions is particularly...
Authored by: Bit
Create simple POS with React.js, Node.js, and MongoDB #11: CRUD with Relation
Defenition: POS - "Point of Sale". At the point of sale, the merchant calculates the amount owed by the customer, indicates that amount, may prepare an invoice for the customer (which may be a cash register printout), and indicates the options for the customer to make payment.
Authored by: Soshace for Developers
JavaScript
Stop duplicating constants between JS and CSS
We know that having more than one source of truth can only result in madness. But something I encountered in several front-end codebases is the repetition of style constants (colors, fonts, sizes) in CSS and in JS.
Authored by: gitconnected
JavaScript Type Casting Gone Wrong
Just as we saw earlier with casting values to booleans, similar approaches can be taken to cast JavaScript values to strings. // Using the global String function// Using string concatenation(+) with empty string var string = "" + value; var string = String(value); For a long time, I have always thought that both approaches for casting to a string will produce the same string for any JavaScript value.
Authored by: Bit
Top 50 Javascript Interview Questions You Must Learn In 2020
If you are going to attend a, then it is must for you to get a complete knowledge of JavaScript and what type of question will be asked commonly in the JavaScript interview. In this blog, I have come up with the most frequently asked JavaScript interview questions and answers.
Authored by: Mindmajix
Javascript: Why Named Arguments are Better than Positional Arguments
Before talking about named arguments let's first clearly understand positional arguments and the problems they can cause. You must be pretty familiar with positional arguments even if you heard the name for the first time. The greet function takes two arguments- firstName & lastName.
Authored by: Bit
Javascript Debugging Best Practices
Debugging is not easy. It's a skill that every developer needs to master. Developers are always prone to errors when writing code. We cannot totally eliminate bugs but we can learn how to tackle them in a smart way. In this article, we will look at the ways we can debug a Javascript code.
Authored by: Bit
TypeScript
Nullish Coalescing: The ?? Operator in TypeScript
TypeScript 3.7 added support fort the ?? operator, also known as the nullish coalescing operator. We can use this operator to provide a fallback value for a value that might be null or undefined.
Authored by: Marius Schulz
Better local storage, DIY encryption, and TypeScript 4
Hello world! Here's the best bits from the last week in code! Sunil returns with the third edition of his unbiased React vs Vue comparison. This follows the major release of Vue 3 which brings big changes. Amy J. shows us eight ways that we can level up our local storage handling abilities.
Authored by: Sunil Sandhu
Angular
What's new in Angular 10.1
Angular 10.1.0, a follow-up point release to Angular 10, is now in development, with beta releases arriving with new capabilities and a fix for performance regressions in incremental program reuse. Angular 10 became generally available as a production release on June 24.
Authored by: JavaScript in Plain English
React
How to use Expo with React Native
For all my React Native tutorials, I intend to use Expo as baseline, because it just makes things so much easier when developing an app with React Native. If you want to follow my tutorials about React Native, you should get this setup right.
Authored by: Robin Wieruch
Creating CLI with React
Nowadays, CLIs have better designs and are much easier to work with. Even their functionality has been extended a lot. CLIs are no longer limited to hardcore programmers anymore. In this article, we talk about how to build a CLI tool using React. We discuss two libraries that can be used for this: INK and React-Blessed.
Authored by: Bit
Build Scalable React Apps by Sharing UIs and Hooks
A modular and DRY code means for us, as React developers, independent UI components and hooks (among other things). In this demo, we'll use Bit to manage our app's components as discrete, independent, and shareable building blocks.
Authored by: Bit
React v17.0: An Update With No New Features?
It has been two and a half years since React v16 was first released. The dev team promises that update v17 is incredibly important for the future of React but claims that no new features are being added. So what exactly does that mean?
Authored by: JavaScript Kicks
Small Tips to Write Better React Code
Today we are going to talk about some of my favorite tips, which are super easy to implement or to follow, and that can make your JavaScript code cleaner. Also keep in mind some of the things we are going to learn today apply to JavaScript in general, though the article will focus on React.
Authored by: livecodestream
Aurelia
A Productive Aurelia 2 Build Setup
When starting a new Aurelia 2 project I have a few "musts" that I always setup. These Build Setup tweaks are adding functionality as well as quality of life things. 👨🏭 My preferred setup for my Aurelia 2 projects are based on the Dumber bundler.
Authored by: Andreas Wänqvist
Vue
Building a data layer with Vue and Composition API
When you are learning about a new frontend library, such as Vue or React you can read up a lot on certain best practices. There should be no problem finding resources on effective component composition, how to prevent performance bottlenecks, and the basics of state management, such as Redux, VueX, and so on.
Authored by: Martin Malinda
Node.js
How to stream file downloads in Node.js with Got
Got is a Node.js library for making HTTP requests. It has both promise and stream based APIs and in this post I want to explore how to use the stream API to download files. If you use HTTP libraries for making API requests, then the promise method is likely the best for you.
Authored by: Phil Nash
Create blazing fast multithreading User Interfaces outside of nodejs
While many frontend developers are familiar with Angular, React or Vue, they are missing out on the next level of what is possible inside modern Browsers. Introduction How can WebWorkers help? Multi Screen Apps Multi Screen Apps on mobile? How can we include our App code into a worker?
Authored by: Tobias Uhlig
Laravel vs Node JS: Which one is better? -
Adam Davidson Sr. Business Analyst In this article, we will do a detailed comparison of new technologies Laravel VS NodeJS, that are intended to make computing and problem solving simple and convenient for the developers. During the 21 st century, several technologies were introduced in the market to make computing and problem-solving easy.
Authored by: Codersera
Testing
Testing with react-testing-library and Jest
Errors and bugs are a fact of life. There's no way to avoid them. The only thing we can do is to minimize the chances of them by: UI testing is a technique used to test the graphical user interface...
Authored by: Bit
Detox - Testing React Native - Interview with Mykola Solopii
Testing mobile applications is a tough topic as you have to worry about different devices, and the interaction model is challenging. Detox is a solution built specifically for React Native, and in this interview we'll learn more about the approach from a QA automation engineer, Mykola Solopii.
Authored by: SurviveJS
Test The Interface Not The Implementation
Moving from Jest + RTL to Cypress + @testing-library/cypress for testing React components Note: you can find the source code for this blog post with both Jest + RTL and Cypress + CTL specs in the repository rtl-article-2019. This blog post is based on the excellent series of posts from Artem Sapegin about testing front-end code.
Authored by: Gleb Bahmutov
