This article will guide you through the implementation of zoom functionality using fabric.js library. Install Fabric JS lib 🤦♂️ Add post install script in your package.json file’s scripts: run ‘yarn’ in command line. It will build fabric.js with gesture support. Now the code. You always into to know your contents height and weight that you
Sometime we need to access the value of state before react completes in work of state update, it’s kind of live value that would eventually be stored in the state variable of react. e.g. there may be function which needs latest value of state in the same event loop and may cause issues if it
To fit an image to a screen we need to calculate the dimensions first. On browsers it’s easy to do, because they calculate in internally, but on to react native, then we have to calculate the size. The following code will help you to achieve that. Cheers and Peace out!!!
Sometimes we need to ensure that a function is called only once at a time, and other calls to the function should be awaited in queue till the earlier calls are completed. We can achieve this with Javascript using the promises. Let’s see the code below: This way you can make sure that a single
Hi all, I gathered some links to information regarding the timeout in Microsoft Speech SDK: Links with explanation of timeouts: Cheers and Peace out!!!
Eject the configurations using following command: Install less and less-loader: Change the following in webpack.config.js That’s it. You are done. Cheers and Peace out!!!
If you know Javascript then it is very easy to create an extension for chrome. Search for chrome extension docs and you will find each and every API that you can use. But there are few things I would be writing, that would help you start quickly. => The ‘manifest.json’ file is the starting point
I faced a problem when I had to attach an event listener to many elements rendered through the loop. When rendered, the click event was only attached to the first element and all the other elements didn’t have the listener attached. So, I solved this by passing an additional argument to the listener which was
This is a simple pattern that will provide react hook and react higher component to get the state from redux and register the actions. First create a ts file with an initial state, reducers, and saga effects: In the above code, the namespace must be the first part of the type in effects and reducers
Right now creat-react-app supports SASS by default. So to add less support we need to eject first and then edit “webpack.config.js” file. To eject configuration run following command: And install less loader and less Now search following: And replace with Now we need to replace SASS loader with less loader. Find the following lines: in