JavaScript
There are instances where you need to map elements and have multiple refs for an array of React Elements handled from higher-order components. For that and any similar circumstances, you can use the following approach to address this.
Read more “Using multiple refs for an array of React Elements”
JavaScript
We all know that there is a concept with immutable and mutable values in javascript. But what does it mean? How do we encounter it in programming and what are the points that we should remember when working with them? Those are the questions that will be answered in this tutorial in deep.
Read more “07. Immutable and Mutable Values in Javascript”
JavaScript
Javascript provides many concepts under the hood. You may be using it without knowledge of its existence. Wrapper objects are one concept like that.
Read more “06. Wrapper objects in Javascript”
JavaScript
Globals, undefined and null values are special concepts that we need to know when working with Javascript. Especially what both undefined and null means when you encounter it running the program. Globals are also an important concept that may give you an understanding of different attributes, the scope and variables that can be created and accessed when programming
Read more “05 Global, null and undefined values in Javascript”
JavaScript
Javascript, just like any other language uses boolean to represent logical true or false. It has two reserved keywords true and false to represent a boolean value. Booleans are mostly comparative results as it will compare a value to another and check equality generally. Javascript compared to other languages have both strict and loose comparisons that we should mind when using. Lets start to explore more on Javascript Booleans and Equality
Chakra UI
Chakra UI is becoming very popular as an HTML styling framework that allows you to style components in a more React way rather than css. One of the problems that people face is how to add animations to the React components using Chakra UI Animations.
Read more “Chakra UI Animations”
Express.js
GraphQL has become the most used API framework to use in mobile and web platforms. Often we come with instances where we need to run these services behind a proxy server like Nginx to co-exist with other services. In this tutorial, you will find how to configure your SSL certs with the WebSocket server in order to
Read more “SSL Websocket proxy with Nginx for Graphql Subscriptions”
JavaScript
If you recently installed python and its not setting latest path you may need to use following method to install python correctly in unix systems. Most of the users intend to create symlinks replacing python 2 with python 3 and its not a proper way to switch the versions. For that you can use pyenv and change desired python version easily.
JavaScript
Often React.js applications could grow larger and could be taking more time to load the content. React team offered a very useful technique to lazily load the bundled content without bundling it all together with the main bundle. This will optimize the load time and show the content without taking much time to load the content fully.
Read more “How to optimize React.js app load time using react lazy”
JavaScript
When working with web we often need to animate or reveal html elements by detecting the scroll position. One such example would be to display a container for a state variable and scroll. The IntersectionObserver is a useful interface to achieve such functionality.
Read more “How to use IntersectionObserver to detect the position in React”
JavaScript
React components offer many advantages to break the code and implement web features. But when it comes to some features it could bit difficult to make it work. One such problem would be to listen to document click events and making the changes to components like dismissing dropdowns when pressed on the background.
Read more “How to dismiss dropdowns when pressed on background with React.js”
JavaScript
Every programming language has strings that represent a set of characters. Javascript strings have some properties which are unique to the language. This guide covers these properties and important facts when using strings.
Read more “03. Javascript Guide – Strings”
JavaScript
React hooks have been very promising solution for most of the coding issues that React framework had in old days. But for novice developers, it could be hard to understand. Especially if you are moving from old react to new. One of the main problem is how to fetch data with useEffect in a proper way.
Read more “How to fetch data with useEffect”
JavaScript
Stripe is a great way to make payments for your web or mobile platforms. Being a full service payment platform, Stripe also gives you a variety of SDKs to implement your backend and frontend code with the best compliance options. In this tutorial you will learn how to add styles to stripe elements if you don’t want to use existing styles of the card input.
Read more “How to add styles to stripe elements without using CardElement”
JavaScript
Array is used to store a sequence of elements as references. When declaring typescript array, the type of the elements should be defined in its syntax.
Read more “How to use Typescript with arrays”
JavaScript
React native always has been quite painful when it comes to performance compared to a native application. Today we will focus on increasing the performance and how to optimize react-native map view which has many pegs or markers.
Read more “How to optimize react-native map views”
JavaScript
Why debounce with react hooks? We all come across that one button users keep on pressing until the data is loaded. Without guarding your code with every sort of if conditions, you can guard this by debouncing. For multiple tap scenarios, you can either propagate the event at the first tap/click or the last one.
Read more “Avoid multiple clicks using debounce with react hooks”
JavaScript
The numbers in Javascript has many subtle things to understand it fully. In this section, we are going to discuss the following points.
JavaScript
In this introduction to Javascript, we are going to discuss the following points.
Docker
Nginx Load Balancer with docker has become a fine recipe for managing services in closed systems. Although services like Kubernetes provide container orchestration, sometimes architecturally it could be an overkill. In this example, I will be showing how to use docker services using Nginx load balancer.
Read more “Nginx Load Balancer with docker for nodejs services”