I am working as React Developer for past 3 years now. I love to work with ReactJS/React Native. For some months I am using SvelteJS for my small and personal projects and it’s new fresh air in the JS environment and am really enjoying it. I have already written some…

There are some awesome new features and support tools added in new release of React Native. Lets have a look. Flipper: Flipper is a mobile app debugger. Its highly used in native android and IOS development. Now Flipper support React Native by default. New Dark Features: New Appearance module has…

React Native is like React, but it uses native components instead of web components as building blocks. If you already know React, you still need to learn some React-Native-specific stuff, like the native components. Create A New Project There is basically two ways(cli) for Bootstrapping a react native app . …

Components complete a full life cycle from creation to destruction. During that period, Svelte provides some handful of functions that allow us to run code at specific moments. Lets take a look at those functions. onMount beforeUpdate afterUpdate onDestroy tick onMount: onMount(callback: () => () => void) It is triggered…

There are some awesome new features added in React Router v5.1.0. Hooks are hot topic now and that’s what we are getting in new React Router version. Lists of Hooks added: useParams useLocation useHistory useRouteMatch userParams: To access current params, we use match prop passed to component like this: let…

SvelteJS is not just another JS library or framework — it is a modern Javascript compiler. What is SvelteJS Svelte.js (or just “Svelte”) is a modern JavaScript compiler that allows you to write easy-to-understand JavaScript code that is then compiled to highly efficient code that runs in the browser. It is similar to…

Closures are introduced in PHP 5.3. Functions which are created without any name (Anonymous Function) and Closures functions are used to represent these kind of functions. A closure is good when we want a local function that’s only used for some small specific purposes. Basically, Closure are the inner functions…

Let say we need to run asynchronous task inside For loop. Check this example below: Guess the value of iprint by console. If you guess 0 & 1, then you are wrong. Let me explain why. The forloop runs immediately to complete. It will not wait the asynchronous operations to start or end. When they complete some time in the future and call their callbacks, the value of your loop index variable iwill be at its last value for all the callbacks.

React component life cycle can be break down into three basic levels on the basis of methods being triggered or used. Mounting (initialization) Update (change in props & states) Unmounting Mounting (initialization) Main job of React is to figure out how to modify the DOM to match the components want to be…