Shravan Kasagoni

2,241 Flips | 4 Magazines | 14 Likes | 3 Following | 1,056 Followers | @techieshravan | Developer, gadget freak, community leader, technology evangelist, blogger, speaker, author, amateur photographer, Microsoft MVP - VSDT

Combining React with Socket.io for real-time goodness

This post isn’t heavy on React, so the core concepts should translate easily to other view frameworks like Vue and Angular. That said, for the rest …

JavaScript

Kitten Tricks

A perfect starter kit for your next cross-platform React Native app. <b>FREE</b> and open-source! Check out live demo on App Store or Google Play.<p>Key Features<p>…

JavaScript

How To Manage UI State With Redux

When I first started building apps with React & Redux, I didn’t know how to properly manage UI state. By UI state I mean things like the opening and …

JavaScript

Build a Reusable Scroll List Component with Animated scrollTo in React

It is common in applications to have a scrollable list of content. Depending on other interactions you may want to programmatically scroll to a …

JavaScript

Writing Clean and Concise React Components by Making Full Use of ES6/7 Features and the Container-Component Pattern

The Story So Far<p>If, like myself, you’ve ever created a website using the “standard” tools of plain old HTML or templates, preprocessed CSS, and …

JavaScript

Building Size-Aware React Components

When building React apps, it is sometimes advantageous for components to have awareness of their size and position on screen. This is useful both for …

JavaScript

Animated page transitions with React Router 4, ReactTransitionGroup and Animated

In this article I’ll show you how to animate your page transitions using lifecycle methods from ReactTransitionGroup and the Animated library.<p>Here’s …

Software Engineering

An Introduction to the Redux-First Routing Model

The unidirectional nature of the client-side routing and Redux data lifecycle models lend themselves well to a merged model that satisfies the …

Why I’m Switching from React to Cycle.js

I would guess that most developers these days are using some sort of framework for developing apps. Frameworks are there to help us structure complex …

Install

(Introduction article v1)<p>🛠WIP v2<p><b>How much time do you spend copying and pasting the component folder to create a new one ?</b><br>This is a tool to generate …

JavaScript

VulcanJS: An Open-Source Project to “Meteorize” GraphQL

A full-stack app-building framework with React and GraphQL<i>This is a guest post from Sacha Greif, co-author of Discover Meteor and creator of</i> <i>VulcanJS</i><i></i> …

JavaScript

React Armory

So you’ve heard that React is the best thing since Visual Basic…<p>But after a few hours investigating, you’ve found <b>so many buzzwords that it just feels</b> …

JSHeroes 2017 | Nir Kaufman - Unleash the power of Angular Reactive Forms

Build a realtime chart with VueJS and Pusher

<i>This blog post was written under the Pusher Guest Writer program.</i>Data has become a very important part of our lives recently and making sense of that …

The Best Frontend JavaScript Interview Questions (written by a Frontend Engineer)

I was at a Free Code Camp meetup in San Francisco a few days ago (for those not familiar, Free Code Camp is a group of people who get together to …

JavaScript

Getting started with Webpack 3

Using JavaScript source maps to debug errors

Some of the most common questions we get here at Rollbar deal with source maps:<p>What are source maps and what do they do?<br>• How can you enable source …

JavaScript

Announcing TypeScript 2.4

Today we’re excited to announce the release of TypeScript 2.4!<p>If you haven’t yet heard of TypeScript, it’s a superset of JavaScript that brings …

Standard ECMA-262

Standard ECMA-262 <br>ECMAScript® 2017 Language Specification<p>8th edition (June 2017)<p>This Standard defines the ECMAScript 2017 general-purpose programming …

Optimizing AWS Lambda performance with MongoDB Atlas and Node.js | MongoDB

I attended an AWS user group meeting some time ago, and many of the questions from the audience concerned caching and performance. In this post, I …

Automated testing with Headless Chrome | Web

<b>By</b> Eric Bidelman<p>Engineer @ Google working on web tooling: Headless Chrome, Puppeteer, Lighthouse<p>[This section requires a browser that supports …

JavaScript

TC39, ECMAScript, and the Future of JavaScript

<i>Last week, I gave a presentation by the same name as this article at Tencent Frontend Conference in Shenzhen, China. In this article, I’m adapting</i> …

JavaScript

11 lessons learned as a React contractor

I didn’t know I was looking for it, but when I found it something clicked.<p>Here’s the bullet point version of my journey to React<p>I’ve been writing …

JavaScript

React or Vue: Which Javascript UI Library Should You Be Using?

In 2016 React cemented its position as king of the Javascript web frameworks. This year saw rapid growth of both its web and native mobile libraries, …

Vue vs. React

As a new developer I have found it near impossible to filter through the noise and understand which frameworks are worth learning. People inevitably …

Software Engineering

js - Public Class Fields with React Components

[Public Class Fields](https://tc39.github.io/proposal-class-public-fields/) allow you to add instance properties to the class definition with the …

Animating particles using React Motion

While working on a personal open-source project Container Hive, I faced quite a few challenges to get particles animating correctly between each …

JavaScript

Using a function in `setState` instead of an object

<b>2/6/2018 Update:</b> While this article was written over a year ago (and React 16 has been released!), the code and principles in it still apply.<p>The …

React’s Five Fingers of Death. Master these five concepts, then master React.

Note that a component’s <b>state</b> can also be passed on to its own children as a <b>prop</b>. You can think of this as a big river flowing downhill, with the …

Build a React.js Application with User Login and Authentication

<i>This article was originally published on Stormpath. Thank you for supporting the partners who make SitePoint possible.</i>React (sometimes referred to as …