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