Sometimes we need to parse the query string on the frontend side as well as on the backend side. Since there are pre-built default functionalities on the backend to get the query strings, it’s easy to parse the query strings. But to get the query strings on the frontend side, we need to build some …
Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.
React Intl is part of FormatJS. It provides bindings to React via its components and API. Slack: Join us on Slack at react-intl.slack.com for help, general conversation and more š¬šš You can sign-up using this invitation link. Documentation React Intl’s docs are in this GitHub repo’s Wiki, Get Started. There are also several runnable example apps which you can reference to learn how all the …
Nuxt JS
Nuxt.js is a framework for creating Vue.js applications, you can choose between Universal, Static Generated or Single Page application. Its main scope is UI rendering while abstracting away the client/server distribution. Our goal is to create a framework flexible enough that you can use it as a main project base or in addition to your current project …
Relay
Relay is a library to interact with GraphQL. https://facebook.github.io/relay/ It is used in React projects to communicate with GraphQL backend. There are 2 most widely used GraphQL front-end frameworks – Relay and Apollo. Relay is mainly used for large scale applications.
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
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 …
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 …