Category Archives: React

How to integrate PnP JS Core and SharePoint Framework logging systems

Recently I was playing with PnP JS Core library, which basically is a wrapper of SharePoint Rest API that allows us to easily use it. I discovered some cool Features in this library which I really like them! For example, we are able to easily cache queries, do batches, and the library has a good Read More →

Boilerplate project for React, TypeScript, Webpack 2, postCSS, CSS-Modules and HMR

Hi, Few months ago, I was starting to use WebPack 2 and TypeScript on my React projects. To be fair with ES6 and Babel, I really enjoyed build applications with them and they are in my hearth and that is why I did other post as well, about how to build a new SPA with Read More →

Getting React to Load polyfills only when needed

As a front-end developer, providing support to different browsers and devices isn’t an easy task. In fact, it’s the trickiest part of web development because there are differences in terms of HTML, CSS and JavaScript functions supported for every browser / device. There are quite good web sites documenting these differences in terms of: – Read More →

React: Use ES6 arrow functions in Classes TO avoid binding your methods with the current This object

Hi, Working with React sometimes, if you like well-organized and structured code, you will be in the situation to have to do things like: this.minus = this.minus.bind(this); We can avoid having to bind every method by using ES6 arrow functions inside of the class methods. That means that we need to use the babel plugin Read More →

A beginner’s guide to build a new SPA with ES6, SCSS, React, Webpack and HMR.

Recently, I have been working on a project which used ReactJS to build several SPAs (Single Page Applications). I’ll openly admit it was a pain for me to get working even a basic project or starter template. The reason is because there are lots of new concepts, frameworks and technologies. I decided to write down Read More →