JSK Weekly - 17 August , 2023

TypeScript is more than just an evolution, it’s a renaissance that painted a new dawn for JavaScript developers, and bring them into the Typed Language Universe, together with C+, C#, Java. But to truly appreciate TypeScript’s brilliance, one must venture beyond its surface into the realm of its advanced offerings, where the most advanced capabilities lies. Check out "5 TypeScript Concepts That Confuses New Developers" on Bits and Pieces for more.

Other popular stories this week include "Easy Steps to Create a Read-Only Angular PDF Viewer" on Syncfusion, "Understanding Complex Types in TypeScript" and "Everything You Need To Know About The Web3 with TypeScript Bootcamp 🏕️" by Seb.


General

From Monolithic App to Micro Frontends

Converting and refactoring a legacy frontend application to micro frontends architecture. Full guide with code examples and tutorial.

Authored by: Bit

Embracing Web Components - I Like Kill Nerds

I have been working with the web for a long time now. And like every other developer, I use frameworks and libraries to build most of my web applications. Over the years as web standards have emerged and solidified over the years, the web platform has become much more capable.

Authored by: Dwayne Charrington

Developing a DDD-Oriented Microservices

Microservices architecture and Domain-Driven Design (DDD) are predicted to continue gaining significant popularity in software development. Combining these powerful approaches enables teams to build...

Authored by: Bit

How To Implement a Secure User Authentication and Data Management Service in Next.js?

User authentication involves verifying the identity of users and granting them appropriate access to certain parts of an application. So, today we're going to look at how you can build you own user...

Authored by: Bit

Refactoring Monoliths to Microservices with the BFF and Strangler Patterns

How do you effectively refactor monoliths to microservices without Adapter Hell? Let's talk about the synergy between BFFs and the Strangler pattern.

Authored by: In Plain English


JavaScript

Learn JavaScript Operators - Logical, Comparison, Ternary, and More JS Operators With Examples

JavaScript has many operators that you can use to perform operations on values and variables (also called operands) Based on the types of operations these JS operators perform, we can divide them up into seven groups: 1. Arithmetic Operators 2. Assignment Operators 3. Comparison Operators 4.

Authored by: NathanSebhastian

Learn End-to-End Testing with Cypress for JavaScript Applications

Ensuring the reliability and performance of your web applications is important. Testing is a key tool that will help with these things and more. We just released a course on the freeCodeCamp.org YouTube channel that will teach you how to use Cypress to create end-to-end tests for your JavaScript

Authored by: Beau Carnes

How to Build a JavaScript Utility Library like Lodash

A utility library is a library that helps you streamline the implementation of common coding tasks. With it, you only need to focus on writing code that makes your project unique. One of the most popular JavaScript utility libraries is Lodash. Lodash is a JS library with over 40 million

Authored by: Gid 🥑

Copy an array and replace one element at a specific index with modern JavaScript

Use `Array.with` to copy an array and update a single entry while doing it.

Authored by: stefan judis


TypeScript

Dive into Web3 with the Web3 with TypeScript Bootcamp

Don't miss your chance to dive into the world of Web3 at the first-ever Web3 with TypeScript Bootcamp, happening from August 21-27th! This free virtual event offers workshops, mentorship, access to job opportunities, and the unique challenge to build on cutting-edge tech — no Web3 experience is necessary! Seats are limited, so act fast.

Authored by: Seb ∞

How to show TypeScript type annotations in code snippets

Twoslash enables you to render typescript annotations in your code snippets.

Authored by: stefan judis

'as const': An Underrated TypeScript Feature

Hello, my fellow coders with a passion for knowledge and improvement! Have you ever felt like there might be understated yet incredibly useful tools in TypeScript that you aren't fully utilizing...

Authored by: In Plain English

5 TypeScript Concepts That Confuses New Developers

TypeScript is more than just an evolution, it's a renaissance that painted a new dawn for JavaScript developers, and bring them into the Typed Language Universe, together with C+, C#, Java.

Authored by: Bit

Understanding Complex Types in TypeScript

TypeScript, an open-source programming language developed and maintained by Microsoft, is a strict syntactical superset of JavaScript. TypeScript provides optional static typing, classes, and...

Authored by: Ali Husen


Angular

Easy Steps to Create a Read-Only Angular PDF Viewer

PDF documents are usually created to keep the information in the document secure. So, most PDF creators don’t want the document’s content to be changed. But there are PDF editors available in the market that allow PDF content to be edited. To protect your PDF document from being edited, you must use a read-only PDF Viewer to display it. A read-only PDF Viewer will only display the PDF document and it from editing, copying, printing, and downloading.

Authored by: Syncfusion


React

10 Tips for Writing Mind-Blowing, Clean, and Readable React Code!

Hello there, fellow developers, and welcome to my corner of the internet! I'm thrilled to have you join me on this exhilarating journey into the magical world of writing clean and readable code in...

Authored by: In Plain English

React ECommerce Project Tutorial

Welcome, LeadEngineers! Today, we will be taking a look at the second part of our EComm project. You can find the GitHub Repo below. You know me, I like to get straight to the point, so place your...

Authored by: In Plain English

React-Redux - The State Management guide

In any react project, we need two packages: the redux and the react-redux , react redux makes connecting react and redux very simple. In react project inside src folder we will create a store folder...

Authored by: JavaScript Kicks


Testing

How Cypress Component Testing Was Born

I always liked end-to-end testing and using a real browser to see the application run. I also love unit tests and probably used every testing framework out there to write the unit tests professionally

Authored by: Gleb Bahmutov


Functional Programming

How to Solve endsWith is not a Function in JavaScript

In this tutorial, we are going to learn about how to solve the TypeError: endsWith is not a function in JavaScript. When we use a 'endsWith...

Authored by: Sai gowtham

Do async/await functions need to add try catch?

When writing asynchronous functions, both promise and async solutions are very common. Even in the same project, different developers use different habits. However, the comparison between the two is...

Authored by: Biscuit

Mastering JavaScript Functions for Beginners

Are you new to the world of programming? Are you eager to unlock the potential of JavaScript to create more readable and maintainable code? If so, we have an excellent course for you. We just posted a course on the freeCodeCamp.org YouTube channel that will teach you everything you need

Authored by: Beau Carnes





0 comments