Why You Should Consider ReactJS for Your Web Application?

Here's Why You Should Consider #ReactJS for Your #WebApplication.


  • Yes, we are talking about ReactJS – the JavaScript library which is the hot favorite of developers and is climbing the popularity charts every day.
  • Managing system updates is very easy with ReactJS because every change does not necessarily affect each component in the system.
  • Developers using ReactJS have free access to a variety of useful applications and tools from the community at large.
  • Apart from these, there are numerous other examples such as Uber, Salesforce, KISSmetrics, Tesla, Scribd, Reddit, Periscope and many more which have leveraged the power of ReactJS to build world-class interactive web applications.
  • If you are looking to develop SEO-friendly, interactive web applications with great UI and expect your application to handle heavy traffic, it’s time to migrate to ReactJS.

According to the 2016 StackOverflow developer survey, React.Js’s popularity had recently increased by over 300%.What is making ReactJS so popular? Let’s take a look why you should consider ReactJS for your web application?
Continue reading “Why You Should Consider ReactJS for Your Web Application?”

Reduce, Reuse, React — JavaScript January

  • Briefly, it takes two arrays: (the string constants ) and (the templated string values that need to be encoded ).
  • It is passed an array of strings, but what I’m calling an array of values, is actually a variable number of arguments.
  • I’m using ES6 “rest” syntax to convert the arguments into an array of values.
  • When we reduce over strings, the zeroth element of the strings array is passed as partialUri and iteration starts with the first element, and so on.
  • It’s a special form of the ES6 template literal that we used above, but it allows us to process it with a function.

A while back while writing a React application that hit a REST endpoint, I wrote a little utility to build a properly encoded Uri path. At the time, I didn’t think much about it. It did the job and I moved on.
Continue reading “Reduce, Reuse, React — JavaScript January”

redux-dsm is an easier way to handle async state. v3.0.0 has simplified state graphs. Yay! #reactjs #redux

  • Since I switched to Redux, I handle all of my view state transitions by dispatching action objects, and that requires writing a bunch of boilerplate, such as action types (e.g., ), and action creators (which your view or service layers can call to create actions without forcing you to import…
  • is an object with camelCased keys and strings corresponding to your state transitions.
  • For the above example, it returns: – – will be an object with camelCased keys and function values corresponding to your state transitions.
  • For each transition, an action creator is created which will automatically fill in the correct action type, and pass through to the state.
  • The example fetch state machine will produce the following : – – is a normal Redux reducer function that takes the current state and an action object, and returns the new state.

redux-dsm – Declarative state machines for Redux: Reduce your async-state boilerplate.
Continue reading “redux-dsm is an easier way to handle async state. v3.0.0 has simplified state graphs. Yay! #reactjs #redux”

Taking Gatsby for a spin

Taking Gatsby for a spin  #webdev #javascript #reactjs #Flexi_IT

  • It’s not that I really need a new tool to create static sites, it’s just that every developer tweeting about Gatsby seems to think it’s the most exciting thing on the web since they learned they could combine the and tag.
  • Here are some of the important features of Gatsby: – – GatsbyJS is based on React which means that you’ll be writing almost everything in JavaScript / JSX.
  • If you already like React, you’ll most definitely enjoy creating static sites with Gatsby.
  • Gatsby comes with plugins to pull in data from several APIs, CMS systems and local files.
  • PRPL + the gatsby offline plugin mean that your site will be considered a PWA, will load insanely fast on any device and scores great in Google lighthouse.

A short write-up on Gatsby, a static site generator based on React
Continue reading “Taking Gatsby for a spin”

React Components Explained – codeburst

  • Something like thisimport React from ‘react’;class MyComponent extends React.Component { render () { return div This is a component /div }}class MyOtherComponent extends React.Component { render () { return ( div MyComponent / /div ) }}This way you are able to compose more complex and useful user interface for your…
  • Component’s render method return JSX which then use to create real HTML output which will be rendered in the browser.The interesting Thing about render method is that it runs every time when your component State or Props updates.
  • Let me show you a exampleimport React from ‘react’;class MyComponent extends React.Component { constructor(props) { super(props); this.state = { name: “Manoj” }; } render () { return div My name is {this.state.name} /div }}// if we render this component the output will beMy name is ManojIgnore the super(props) (out of…
  • Let’s see an example.class MyComponent extends React.Component { constructor(props) { super(props); this.state = { name: “Manoj” }; this.changeName = this.changeName.bind(this); } changeName () { this.setState({ name: “Your Name” }); } render () { return div onClick={this.changeName} My name is {this.state.name} /div }}In the above code we are telling our React…
  • You can run this code on jsFiddle here.PropsVisualise props as options that can be passed to a component to customize its functionality.For example, I have a heading component which renders a heading with subtitle.class MyHeading extends React.Component { render () { return div h1This is a heading/h1 pSubtitle/p /div }}If…

The simplest library I ever used in my life is React. As you know React is based upon component design. Everything in React is a component which makes it easy to reuse components frequently. You can…
Continue reading “React Components Explained – codeburst”

Top 10 dev articles over the past week – JetRuby

  • Next week, we’ll be back with a new batch of brain food, specially selected to keep your heart healthy, brain fed and intellect tuned.
  • Have a great week!

Jingle bells, jingle bells, Jingle, in fact, all the way. That’s right, we love you beautiful bunch of literate people, so much, that we’ve handpicked a list of top 10 development-related articles…
Continue reading “Top 10 dev articles over the past week – JetRuby”