Angular 5 Forms Update Angular 5 is here and many changes have been made to further improve the framework. You can now control for a form (or single form elements) when the value or the validity is updated. This feature has been available in AngularJS 1.x but missed in Angular 2+ so far. The following…
Intersection Observer API in JavaScript The Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document’s viewport. In short, an Intersection Observer provides a way to observe any element on the page and do something when it’s partially displayed,…
HTML & JavaScript Integration with Excel using Aspose.Cells for Nodejs This helps you understand HTML/JavaScript integration with Excel using Aspose.Cells for Nodejs via Java. This helps you calculate and move data between HTML page and Excel sheet without opening the Excel file. Set up Modules and Environment We need to setup up environment and all…
Hosting your React application with AWS Before we get started we need a couple of things set up on your computer Node 8.x environment installed on your computer This is the runtime environment for Javascript application servers. It follows with the node package manager (NPM). NPM is used to install node packages such as React,…
Building a Dynamic, Controlled Form with React React makes building UI’s in JavaScript easy, but some things can still be a bit tricky to wrap your head around, things like dynamic forms. A dynamic form is one where the user is able to decide how many inputs there should be. For this code along, we’re…
Connecting to AWS S3, Uploading and Retrieving Files from AWS S3 Steps to upload images in AWS S3 buckets: First, you need to install the following libraries to your project using either npm or yarn. Here are links to each of them on npm npm i aws-sdk npm i react-native-image-picker npm i base64-arraybuffer npm i…
Redux Saga – How to make real good things with generators What Is Redux Saga? Redux Saga is a library that’s used as a middleware for Redux. A Redux middleware is code that intercepts actions coming into the store via the dispatch() method and can take perform tasks based on the action received. Sagas watch…
Javascript vs Typescript Before we compare javascript and typeScript, get into details about TypeScript, let’s just settle one thing. In terms of popularity, the efforts of Microsoft developers definitely paid off. According to the latest State of Frontend 2020 report, TypeScript popularity couldn’t be doing better. Not only do frontend developers believe that JavaScript will…
life-cycle methods into functional components and hooks. If you started using React with the class components and are not comfortable with this transformation, this tutorial is just for you. For sake of organization, here are the topics I will be going over. Life-cycle Methods Life-cycle methods might look a little bit trickier compared to what…
React vs Angular We will be comparing two most popular frameworks for web development in 2020 and we take following aspects to conclude which one is better : ● How mature is it and who’s behind it? What kind of features does it have? ● What architecture, development paradigms, and patterns does it employ? ●…