Open in app

Sign In

Write

Sign In

Dinesh Pandiyan
Dinesh Pandiyan

575 Followers

Home

About

Published in Thinkmill

·Nov 10, 2019

Progressive Rendering — The Key to Faster Web

Progressive Rendering is the technique of sequentially rendering portions of a webpage in the server and streaming it to the client in parts without waiting for the whole page to rendered. Note: The content of this post may be relevant to all types of servers but written within the context…

Java Script

7 min read

Progressive Rendering — The Key to Faster Web
Progressive Rendering — The Key to Faster Web
Java Script

7 min read


Published in Thinkmill

·Sep 14, 2019

React Dev Tools — Debug Like a Ninja

Hands down console.log() was, is and will always be the greatest debugging tool of all time. React team launched a new version of the React Dev Tools (v4) a few weeks ago and it’s fantabulous. …

Java Script

6 min read

React Dev Tools — Debug Like a Ninja
React Dev Tools — Debug Like a Ninja
Java Script

6 min read


Published in HackerNoon.com

·Apr 24, 2019

How to Cache Bust a React App?

This article is also cross-posted in - DEV — Cache Busting a React App TL;DR — SemVer your app and generate a meta.json file on each build that won't be cached by the browser. Invalidate cache and hard reload the app when there's a version mismatch. Note: The examples and…

Java Script

6 min read

Java Script

6 min read


Published in codeburst

·Apr 23, 2019

Cache Busting a React App

This article is also cross-posted in - DEV — Cache Busting a React App TL;DR — SemVer your app and generate a meta.json file on each build that won't be cached by the browser. Invalidate cache and hard reload the app when there's a version mismatch. Note: The examples and…

Java Script

6 min read

Java Script

6 min read


Published in codeburst

·Mar 25, 2019

React Hooks: Test custom hooks with Enzyme

TL;DR — Wrap your custom hook in a component and shallow render it to test implementation details. React test strategies — user observable behaviour vs implementation details Testing custom hooks with Enzyme Test Strategies There are broadly two strategies to test our React codebase. Testing user observable behaviour Testing implementation details Testing user observable behaviour Testing…

Java Script

4 min read

Java Script

4 min read


Published in codeburst

·Jan 25, 2019

Deploy Gatsby sites to GitHub Pages

Gatsby is all the rage now, thanks to the amazing team behind the fancy and easy-to-use framework. I’m not going to go into the details of why you should use Gatsby if you’re building a static website. There are a ton of posts out there that say just that. Here’s…

Github

2 min read

Github

2 min read


Published in HackerNoon.com

·Nov 25, 2018

Introducing Responsive React Components 🔥

TL;DR — You can render viewport specific components in React with a one-liner React is awesome and the whole world agrees to it unanimously. Development is a whole lot faster and easier when we look at everything as components. Since everything is JavaScript driven, React renders only the code that…

Java Script

3 min read

Introducing Responsive React Components 🔥
Introducing Responsive React Components 🔥
Java Script

3 min read


Published in codeburst

·Nov 21, 2018

Introducing Responsive React Components 🔥

TL;DR — You can render viewport specific components in React with a one-liner React is awesome and the whole world agrees to it unanimously. Development is a whole lot faster and easier when we look at everything as components. Since everything is JavaScript driven, React renders only the code that…

Java Script

3 min read

Introducing Responsive React Components 🔥
Introducing Responsive React Components 🔥
Java Script

3 min read


Published in HackerNoon.com

·Jun 5, 2018

Render Browser Specific Content with React 🎉

TL;DR — You can render browser specific content in React with a one-liner. Have you ever wanted to put up a banner for all your IE users and ask them to try your site in Chrome/Firefox? With RenderInBrowser component you can render content specific to browsers. As promised in my…

React

2 min read

Render Browser Specific Content with React 🎉
Render Browser Specific Content with React 🎉
React

2 min read


Published in codeburst

·May 29, 2018

Render Browser Specific Content with React 🎉

TL;DR — You can render browser specific content in React with a one-liner. Have you ever wanted to put up a banner for all your IE users and ask them to try your site in Chrome/Firefox? With RenderInBrowser component you can render content specific to browsers. As promised in my…

Java Script

2 min read

Render Browser Specific Content with React 🎉
Render Browser Specific Content with React 🎉
Java Script

2 min read

Dinesh Pandiyan

Dinesh Pandiyan

575 Followers

I write and talk about the web dev.

Following
  • UX Collective Editors

    UX Collective Editors

  • Daw-Chih Liou

    Daw-Chih Liou

  • Netflix Technology Blog

    Netflix Technology Blog

  • Daniel Borowski

    Daniel Borowski

  • Tom Stothard Whitaker <tomWritesCode />

    Tom Stothard Whitaker <tomWritesCode />

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech