In web application development, you’d face a moment that need to check websocket connection status.For example, you’d have a situation that your web backend needs to check if users are active in the browser. It’s as very simple as you just need to check websocket property WebSocket.readyState. It has 4 possible values; “CONNECTING”, “OPEN”, “CLOSING”, “CLOSE”. …
Cezerin – Ecommerce Progressive Web Apps
Cezerin is React and Node.js based eCommerce platform. Allows creating a Progressive Web Apps. Built with: Node.js v8.9 React v16 Redux Express Babel WebPack 4 MongoDB Installation with GitHub with Docker How to deploy a Cezerin on Ubuntu 16.04 How to deploy a Cezerin on Ubuntu 18.04.1 (from GitHub) Requirements Node.js >= 8 MongoDB >= …
Cezerin – Ecommerce Progressive Web Apps
Cezerin is React and Node.js based eCommerce platform. Allows creating a Progressive Web Apps. Built with: Node.js v8.9 React v16 Redux Express Babel WebPack 4 MongoDB Store Single-Page Application with React server-side rendering. Demo store
Rx JS
RxJS is one of the hottest libraries in web development today. Offering a powerful, functional approach for dealing with events and with integration points into a growing number of frameworks, libraries, and utilities, the case for learning Rx has never been more appealing. Couple this with the ability to utilize your knowledge across nearly any language, having …
TabIndex
The tabindexglobal attribute indicates if its element can be focused, and if/where it participates in sequential keyboard navigation (usually with the Tab key, hence the name).Some html elements like div tag are not focusable by default. It means, they are not selected by pressing Tab key.But in some cases we should need to select div tags by pressing Tab …
Some git utilities for better life.
git gc This command cleans up the git repo and reduces the size. If we use git rebase constantly, repo size becomes significantly larger and we can resolve this by using git gc command. git-quick-stats This is git utility which displays git activity statistic data in the console. diff-so-fancy This is git ubility which displays …
offline.js
offline.js is a npm package which returns the status of website(offline or online) Use Case: Web page is loaded, and then network connection is dropped. We should alert user about it. Offline.js hooks the offline event and we can use it to alert user. https://github.com/hubspot/offlinehttps://www.npmjs.com/package/offline-js
CSS pointer-events
The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events. When this property is unspecified, the same characteristics of the visiblePainted value apply to SVG content. In addition to indicating that the element is not the target of pointer events, the value noneinstructs the pointer event to go “through” the element and …
Import your Medium Feed into React
First let’s look at what a medium feed looks like. We can and medium content back in JSON format by adding ?format=json to the end of the url. Here is my feed. https://medium.com/@aaron.klaser/latest?format=json This will return a massive chunk of JSON, but we only care about payload.references.Post I think it’s fair to note that this is not actually …
AMP(Accelerated Mobile Page)
The AMP Project is an open-source initiative aiming to make the web better for all. The project enables the creation of websites and ads that are consistently fast, beautiful and high-performing across devices and distribution platforms https://www.ampproject.org/