Security2431

• 5 React Architecture Best Practices
• A plugin system is born... · React Static
• Applying microservices design patterns to scale react app development • Soluto Engineering Blog
• Architecting your React application.
• Best architecture for the React project - Mad Devs
• Build a Super-Modular Todo App with React and Bit Components
• [Building an Enterprise React Application, Part 1 | Lullabot](https://www.lullabot.com/articles/building-an-enterprise-react-ap

Security2431

{
  "scripts": {
    "postinstall": "patch-package"
  },
  "devDependencies": {
    "patch-package": "6.5.1",
    "shaka-player": "4.3.4"
  }
}

Security2431

[user]
	name = John
	email = [email protected]
[core]
	autocrlf = false
	editor = code --wait
[alias]
	chore = "!f() { [[ -z \"$GIT_PREFIX\" ]] || cd \"$GIT_PREFIX\" && if [ -z \"$1\" ]; then git commit -m \"chore: \" -e; elif [ \"$1\" == \"-s\" ]; then git commit -m \"chore(${2}): ${@:3}\"; else git commit -m \"chore: ${@}\"; fi }; f"
	docs = "!f() { [[ -z \"$GIT_PREFIX\" ]] || cd \"$GIT_PREFIX\" && if [ -z \"$1\" ]; then git commit -m \"docs: \" -e; elif [ \"$1\" == \"-s\" ]; then git commit -m \"docs(${2}): ${@:3}\"; else git commit -m \"docs: ${@}\"; fi }; f"
	feat = "!f() { [[ -z \"$GIT_PREFIX\" ]] || cd \"$GIT_PREFIX\" && if [ -z \"$1\" ]; then git commit -m \"feat: \" -e; elif [ \"$1\" == \"-s\" ]; then git commit -m \"feat(${2}): ${@:3}\"; else git commit -m \"feat: ${@}\"; fi }; f"

Security2431

if ('serviceWorker' in navigator) {
  window.addEventListener('load', async function() {
    const registration = await navigator.serviceWorker.register('/service-worker.js');
    if (registration.waiting && registration.active) {
      // The page has been loaded when there's already a waiting and active SW.
      // This would happen if skipWaiting isn't being called, and there are
      // still old tabs open.
      console.log('Please close all tabs to get updates.');
    } else {
      // updatefound is also fired for the very first install. ¯\_(ツ)_/¯

Security2431

/* src/actions/clients.js */

import * as types from '../constants/chats'
import callApi from '../utils/call-api'

export function fetchAllClients() {
  return (dispatch) => {

    dispatch({
      type: types.FETCH_ALL_CHATS_REQUEST,

Security2431

module.exports = {
  parser: 'babel-eslint',
  extends: ['airbnb'],
  plugins: ['prettier'],
  env: {
    browser: true,
  },
  rules: {
    'react/jsx-filename-extension': 'off',
    'linebreak-style': 0,

Security2431

Ps: The current setup was done on 01-04-19

Project Dependency Versions at the time 👇

  "react": "^16.7.0",
  "react-dom": "^16.7.0",
  "react-scripts": "2.1.3",
  "typescript": "^3.2.2"
  "tslint": "^5.12.0",
  "tslint-config-prettier": "^1.17.0",

Security2431

select {
		background: #fff;
		border: 1px solid #eee;
		border-radius: 3px;
		padding: 3px 22px 3px 3px;
		background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'%3E%3C/path%3E%3C/svg%3E");
		background-position: calc(100% - 3px) 50%;
		background-repeat: no-repeat;
		background-size: 16px;
		-webkit-appearance: none;

Security2431

  prettify(num) {
      const  n = num.toString()
      return n.replace(/(\d{1,3}(?=(?:\d\d\d)+(?!\d)))/g, "$1" + " ")
  },

Security2431

1. Сетка bootstrap 12 колоночная
2. Задание дефолтных стилей для типографии h1-h6, p, ul, ol, 
3. Верстка дополнительных страниц: search, special, cart, ...
4.