Category: JavaScript and Node.js

  • React: Call Child Functions from Parent Functional Component

    React: Call Child Functions from Parent Functional Component

    In the dynamic world of React development, one question often leads to another, unfolding layers of complexity and elegance in code. Recently, a junior programmer on my team approached me with a seemingly straightforward query: “How can I call child functions from a parent functional component in React?” Another colleague quickly interjected, “You can’t do…

  • JavaScript destructuring nested object and array

    JavaScript destructuring nested object and array

    JavaScript destructuring is a powerful feature that allows developers to extract data from arrays and objects in an elegant and concise way. This technique makes it easier to work with complex data structures and reduces the amount of code required to extract information from these structures. Whether you’re a seasoned JavaScript developer or just starting…

  • How to mock class constructor with parameters- Jest and TypeScript

    How to mock class constructor with parameters- Jest and TypeScript

    Earlier I wrote How to Mock a TypeScript class or dependency using Jest, that is basically a how to auto mock the ES class or module when it comes to typescript. Since it happen to come up on google results, get to see what people search around the subject and “jest mock constructor with parameters…

  • NodeJS Application Insights, logging and telemetry best practices

    NodeJS Application Insights, logging and telemetry best practices

    Distributed tracing and Real Time Application Monitoring is an essential component of any modern software architecture. This is done through telemetry, meaning produce some kind of tracing data about the software (included but not limited to logging) and transmit it to some external system to be stored and processed. Telemetry monitoring combined with tracing helps…

  • How to setup a TypeScript project dev environments like a pro

    How to setup a TypeScript project dev environments like a pro

    There are many ways to set up a nice developing environment for typescript. Since I like simplicity and ease of work, let’s setup a TypeScript project that is minimal and easy to work with. Though, It doesn’t mean we need to stick to the defaults; this setup works out of the box, it is pretty…

  • How to Mock a TypeScript class or dependency using Jest

    How to Mock a TypeScript class or dependency using Jest

    Jest is an awesome and easy to use testing framework for JavaScript, but when it comes to TypeScript and mocking (specially to mock typescript classes) it can really become painful as TypeScript is not relaxed about the types as JavaScript is. In this article I am going to show you how to mock a dependency…

  • How to deploy nodeJS app to production

    How to deploy nodeJS app to production

    Releasing javascript/typescript applications normally ends up with producing a huge artifact, the reason is obviously the node_modules. Here I am showing you how to deploy a NodeJS app to production with very small artifact and very efficient deploy time. node modules When you create a modern javascript / typescript project you are taking care of…

  • ReactJS Release CICD for azure devops Pipeline and GitHub actions

    ReactJS Release CICD for azure devops Pipeline and GitHub actions

    I am going to show you how to properly release ReactJS for production. I show you how to drastically reduce the deploy time when it comes to ReactJS Release CICD for azure devops Pipeline and GitHub actions. React is a JavaScript library that helps you make UI in in a very nice way. Though, to…

  • Single Page Application (SPA) vs Multi Page Application (MPA)

    Single Page Application (SPA) vs Multi Page Application (MPA)

    If you want to decide about what technology you want to make your solution, one of the things to consider is if it should be Single Page Applications (SPA) or Multi Page Application (MPA). I see some teams decide to go with SPA because it is shiner, or MVC because they are in the impression…

  • SignalR & React example project (2023) – no extra package!

    SignalR & React example project (2023) – no extra package!

    Have you ever needed to communicate from server to the react client? We normally use an api to call the server from client and we learned to live with that, but some time you need the opposite. This article is about how to use Aspnet SignalR to send notifications to the React app.

  • npm package json lock version lockfileVersion:1 or 2? All you need

    npm package json lock version lockfileVersion:1 or 2? All you need

    Now that node.js LTS is change to v16 many team members and even domen cloud providers have not upgraded yet and are still on v12 or v14. Node.js 14 comes with npm version 6 now we are on version 8. The teams having problem with someone messing up the git repo updating npm package json…