JavaScript Kicks - JSK Daily for Feb 1, 2023

Test-Driven Development (TDD) allows developers to reduce the number of errors and bugs in an application by ensuring that the code meets the requirements of the experiments and works as expected. Mocking is a technique that is often used in TDD to isolate the code being teste...

Bit

In our last tutorial, we learned how to use the OpenAI API Node.js library to generate a blog post in HTML format. Today, we're going to level up and add even more cool features! 🎉 We're going to ask OpenAI to generate multiple blog post ideas based on a topic, then use those...

Olivia Brown

How to make API requests to endpoints protected against cross-site request forgery. Imagine we have a form that we submit from the browser. What prevents some hackers from spamming the same API endpoint submitting 100s of POST requests? A security technique called CSRF is used...

Gleb Bahmutov

Building a scalable and flexible web application requires a robust and well-structured codebase. In Next.js, a popular React-based framework for building server-side rendered (SSR) applications, this is achieved through a carefully designed folder structure. Before we dive int...

Asiful Alam

Let us quickly go through XSS, CSP and CSRF security aspects and what appropriate measures one should take in order to ensure JavaScript web security. Hi folks! Here is a fact: web application security is a necessity and we absolutely cannot escape it. So, understanding the ba...

JavaScript In Plain English

To understand what asynchronous programming means, think about multiple people working on a project simultaneously, each on a different task. In traditional (synchronous) programming, each person would have to wait for the person before them to finish their task before startin...

Dickson Boateng

As of Safari Technology Preview 160, it is no longer possible to use the W3C's Web Share API with third-party sites within an iframe without including an allow attribute. All browser vendors agreed to this change as part of the W3C's standardization process, and it is being ro...

WebKit

Last March we announced the Interop 2022 project, a collaboration between Apple, Bocoup, Google, Igalia, Microsoft, and Mozilla to improve the quality and consistency of their implementations of the web platform. Now that it's 2023 and we're deep into preparations for the next...

Mozilla Hacks

Yesterday I shipped my biggest ever React App performance improvement. You'll never guess what the tiny change was 😛 Today I shipped my biggest ever React App performance improvement. Smöl tweak, huge stepwise impact. it was a backend change- Swizec Teller writing a book you'...

Swizec

Welcome to the world of web scraping! Have you ever needed data from a website but found it hard to access it in a structured format? This is where web scraping comes in. Using scripts, we can extract the data we need from a website for various purposes, such as...

Gaël Thomas

What could be a developer's worse nightmare than having their app's source code exposed? If you are a front-end developer, you should be more concerned, as there are various ways your app's source code will be exposed, and one of the most overlooked ways is "source mapping."...

JavaScript Kicks

NGXS - State Management is a state management library for Angular that allows you to easily manage the state of your application in a centralized and organized way. The NGXS CLI is a command-line tool that can be used to generate and scaffold the files needed for NGXS, making ...

JavaScript In Plain English

Welcome to the month of love! Our shared love of Javascript is always cause to celebrate and what better way is there to celebrate than by laughing? Check out Ariana Milasincic's "10 JavaScript Memes" to get the month started right.

Other popular stories this week...

JavaScript Kicks