We are a Community of High-Class Developers specialised in building User Interfaces. we teach, build and share reusable Backend & frontend components, libraries, rules and style guides
First we have to Load the image as blob via XMLHttpRequest or fetch() and use the FileReader API ( readAsDataURL() ) to convert it to a dataURL: This snippet can convert your String, Image and even Video file to Base64 string data. const getBase64Fro...
Use of Oracle LISTAGG Sometimes, you may want to aggregate data from a number of rows into a single row and associate the result row with a specific value. LISTAGG function in DBMS is used to aggregate strings from data in columns in a database table...
Creating Collapsible Tree Structures from JSON into HTML in JavaScript So we will be using the Render Json library. <!-- Include a script tag in your HTML Page--> <script src="https://cdn.rawgit.com/caldwell/renderjson/master/renderjson.js"></scri...
Just type the following .new URL into your browser Source credit @myogeshchavan97 repo.new - Create a new Github repository gist.new - Create a new Github gist cal.new - Create a new Calendar event link.new -...
After ES2017 released. We have 3 variations to convert an Object to an Array 🎊 It was a bit lengthy to convert Object to an Array in Javascript before ES6 so we had to do something like this 😐 var animals = { cat: 1, dog: 2, }; var keys = []...
The component lifecycle has three distinct lifecycle phases: Mounting 😎 The component is ready to mount in the browser DOM. This phase covers initialization from constructor(), getDerivedStateFromProps(), render(), and componentDidMount() lifecycl...
If you don't know if a value is a promise or not, wrapping the value as Promise.resolve(value) which returns a promise //javascript function isPromise(object){ if(Promise && Promise.resolve){ return Promise.resolve(ob...
An Observable is basically a function that can return a stream of values either synchronously or asynchronously to an observer over time. The consumer can get the value by calling subscribe() method. Let's look at a simple example of an Observable im...
