Normally, you should build React applications with a framework, such as Next.js, React Router, … The most popular framework of React is Next.js! In this tutorial, I will guide you on how to create a new React project with Next.js framework using Node Package eXecute… Read More
Node Version Manager is a tool that helps us install and manage all the Node.js versions that we have installed on our machine. In this tutorial, I will guide you how to install and use this tool! Node Version Manager can run on unix, macOS,… Read More
Suppose I have a list of student information as follows:
|
1 2 3 4 |
const students: Student[] = [ { id: "1", name: "Khanh" }, { id: "2", name: "Quan" }, ]; |
with the Student class with the following content:
|
1 2 3 4 |
interface Student { id: string; name: string; } |
If I now define another class StudentInfo that also contains student information with more information about the class as follows:
|
1 2 3 4 5 |
interface StudentInfo { id: string; studentName: string; className: string; } |
To convert the list… Read More
To convert a JSON data list string to a list of objects in TypeScript, you can use the parse() method of the JSON object. For example, I have a list of classes returned from the backend as a GraphQL response as follows:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
const response: any = `{ "data": { "clazzes": [ { "id": "1", "name": "A1" }, { "id": "2", "name": "A2" }, { "id": "3", "name": "B1" }, { "id": "4", "name": "B2" } ] } }`; |
On the… Read More
To update NodeJS on macOS, you can use a tool called “n” which is installed using Node Package Manager. How is it in detail? Let’s find out together in this tutorial! First, please check the current version of NodeJS on your machine using the command:… Read More
In this tutorial, I will show you how to update Node Package Manager (NPM) to the latest version of this tool on macOS! You can use the command npm -v to check the current version of NPM installed on your machine. Currently, the NPM version… Read More
In this tutorial, I will show you how to start an HTTP server using a very popular NodeJS module, the http module. First, I will create a new NodeJS project as an example: In the above steps to create a NodeJS project, there is a… Read More
Socket.IO is a library that makes us possible to implement a 2-way communication channel between client and server with low latency based on events. We can use Socket.IO to implement a WebSocket server. Originally Socket.IO was written in JavaScript but some other languages are also… Read More
When developing an application that uses any programming language, it is important to ensure that our code is written exactly as we want, even if the code is wrong in business logic. To do this, we must have unit test for our code. In this… Read More
When creating any new Angular project, you’ll see the default in the app.component.html file, thing, which in the tutorial about Angular’s Component I call it placeholder {{title}}, actually its name must be the Interpolation directive, which is used to display the data from the Component… Read More
