Skip to content

Instantly share code, notes, and snippets.

/* eslint-disable no-restricted-globals */
// This service worker can be customized!
// See https://developers.google.com/web/tools/workbox/modules
// for the list of available Workbox modules, or add any other
// code you'd like.
// You can also remove this file if you'd prefer not to use a
// service worker, and the Workbox build step will be skipped.
import { clientsClaim } from 'workbox-core';
@2u4u
2u4u / Carousel.js
Created April 18, 2022 05:09
Simple carousel based on react-transition-group. Demo https://codesandbox.io/s/carousel-based-on-react-transition-group-md4ymd
const webpack = require('webpack');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
module.exports = {
entry: './src/index.tsx',
target: 'web',
mode: 'development',
output: {
@2u4u
2u4u / default
Created April 30, 2020 18:47
default
server {
listen 80;
root /home/ubuntu/test/client/build;
server_name SECOND_DOMAIN.ru www.SECOND_DOMAIN.ru;
index index.html;
location / {
proxy_pass http://127.0.0.1:5000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
@2u4u
2u4u / default
Last active April 30, 2020 07:23
default
server {
listen 80;
root /home/ubuntu/node_draft_js/client/build;
server_name sooluk.ru www.sooluk.ru;
index index.html;
location / {
proxy_pass http://127.0.0.1:8080;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
@2u4u
2u4u / keys_prod.js
Created April 22, 2020 18:41
keys_prod.js for MERN based CRUD app using React hooks and Draft.js
module.exports = {
mongoURI: process.env.MONGOURI,
};
@2u4u
2u4u / keys.js
Created April 22, 2020 18:39
keys.js for MERN based CRUD app using React hooks and Draft.js
if (process.env.NODE_ENV === "production") {
module.exports = require("./keys_prod");
} else {
module.exports = require("./keys_dev");
}
@2u4u
2u4u / App.js
Created April 21, 2020 18:38
App.js for MERN based CRUD app using React hooks and Draft.js
import React from 'react';
import { BrowserRouter as Router, Route, Switch, Link } from "react-router-dom";
//our components
import Add from "../components/Add";
import View from "../components/View";
//ant part
import { Layout, Menu } from 'antd';
import { PlusCircleOutlined, EyeOutlined } from '@ant-design/icons';
import 'antd/dist/antd.css';
const { Header, Content } = Layout;
@2u4u
2u4u / View.js
Last active April 21, 2020 17:27
View.js for MERN based CRUD app using React hooks and Draft.js
import React, { useEffect } from 'react';
import { useDispatch, useSelector } from "react-redux";
import { Link } from "react-router-dom";
//actions
import { showPosts, deletePost } from "../actions/postAction";
//draft js part
import draftToHtml from 'draftjs-to-html';
import '../../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
//ant part
import { Button, Row, Col, Collapse, Empty, notification } from 'antd';
@2u4u
2u4u / Add.js
Last active April 21, 2020 17:26
Add.js for MERN based CRUD app using React hooks and Draft.js
import React, { useState, useEffect } from 'react';
import { useDispatch, useSelector } from "react-redux";
//draft js part
import { EditorState, convertToRaw, convertFromRaw } from 'draft-js';
import { Editor } from 'react-draft-wysiwyg';
//actions
import { addPost } from "../actions/postAction";
//ant part
import { Row, Col, Form, Input, Button, notification } from 'antd';
import '../../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css';