Flux is a design pattern developed at Facebook that was designed to keep data flowing in one direction. What does React or Flux have to do with functional JavaScript ? Flux provides a way to provide the data that React will use to create the UI In Flux, application state data is managed outside of … Read more
Higher-order functions are very useful in asychronous task.in functional programming of javascript Array.map, Array.filter, and Array.reduce methods all take functions as arguments. They are higher-order functions. Example Currying is a functional technique that involves the use of higher-order functions. Currying is the practice of holding on to some of the values needed to complete an … Read more
Functional programming is all about transforming data from one form to another. We will produce transformed copies using functions. These functions make our code less imperative and thus reduce complexity Data Transformations two core functions are Array.map Array.reduce join() method in javascript join is a built-in JavaScript array method that we can use to extract … Read more
A pure function is a function that returns a value that is computed based on its arguments. Pure functions take at least one argument and always return a value or another function. They do not cause side effects, set global variables, or change anything about application state. They treat their arguments as immutable data Example … Read more
. Immutability in functional Concepts is how original data is unchangable. but function can change the public data. To understand how immutability works in functional concept, let’s take a look at what it means to mutate data Example in the above example color object is immutable in functional concepts e.g rating has been changed in … Read more
Promises in javascript is used to handle the asynchronus task. Promises in javascript has producing code and consuming code to handle. it means consuming code has to be wait until code can not be produce either with sucess or with error Promises method is used to handle the promises Syantax : new Promise(sucessmethod,errormethod) Promise object … Read more
The destructuring assignment in ES6 allows us to locally scope fields within an object andto declare which values will be used. Example: in the above example the code pulls bread and meat out of the object and creates local variables for them. Destructuring Assignment does not alter the value of Object Example destructure for incoming … Read more
React Component we can also use through files. just have to create a .js File e.g: an App.js file then write the following code Caution Use import React from ‘react’ as first Use export default Name Now to use the Component just import the App.js file
JSX full form is Javascript XML JSX allows us to write HTML tags in JavaScript. and JSX place HTML tags in DOM without using the javascript createElement() or appendChild() function Example: How to write HTML tags without JSX? React.createElement() method with three parameters uses to write html tag in javascript React Example: How to pass … Read more
React uses ES6. we all have to know about ES6. ES6 stands for ECMAScirpt6. ES6 was first published in 2015 so it is also known as ES6 2015. ES6 is an updated version of javascript. And React uses that ES6 syntax. so let’s know all about ES6 Class is a keyword-like function that is used … Read more