Skip to content

Instantly share code, notes, and snippets.

View vre2h's full-sized avatar
😈
i was thinking about status almost an hour and haven't come up with smth cool...

Vrezh Oganisyan vre2h

😈
i was thinking about status almost an hour and haven't come up with smth cool...
View GitHub Profile
@vre2h
vre2h / react-settings.md
Last active July 22, 2018 11:12
It's a simple react settings.
  1. Install eslint and prettier extensions in your editor.

  2. Install packages via yarn:

  yarn add --dev prettier 
  yarn add --dev eslint-plugin-prettier
  yarn add --dev react-test-renderer
  yarn add redux react-redux
  yarn add prop-types
@vre2h
vre2h / simple-deploy.md
Last active June 27, 2024 08:34
Simple guide for deploying your react app to Github-Pages.
  1. Your package.json file should consist a field homepage:
  "homepage": "https://<github-username>.github.io/<project-repo>"

2.1. Install gh-pages via npm:

 npm i --save-dev gh-pages
@vre2h
vre2h / normalize.md
Last active May 21, 2024 20:54
Simple guide to adding normalize.css to create-react-app
  1. Install normalize.css via npm
npm install --save normalize.css

1.1 Or yarn

yarn add normalize.css
@vre2h
vre2h / travis.yml
Last active July 8, 2018 15:18
Simple travis-ci file settings
language: node_js
node_js:
- "stable"
@vre2h
vre2h / ToDoCodeReview.md
Last active July 13, 2018 18:54
To Do app code review:
  1. Eslint and Prettier. There is no config's for eslint and prettier:

    • Prettier helps to keep code beautiful event if big team works for project and there are ones who write ugly and unreadable code.
    • Eslint is de-facto standard in JS world. It helps a lot to keep your code respectively to standard.
  2. Info about project:

    • There is no info about project in package.json or Readme. At least a few words which redirects to github will be enough.
  3. JS standard for if else syntax is:

React Test

Section 8.2

  • The right answer is 2. You can check sources: 1 and 2 > React is designed so that reconciliation and rendering are separate phases. The reconciler does the work of computing which parts of a tree have changed; the renderer then uses that information to actually update the rendered app.
@vre2h
vre2h / Root.js
Last active November 12, 2020 18:19
How to configure Store and use localStorage with react and redux.
import React from 'react';
import { Provider } from 'react-redux';
import { PropTypes } from 'prop-types';
import App from './App';
const Root = ({ store }) => (
<Provider store={store}>
<App />
</Provider>
);
@vre2h
vre2h / Books.md
Created July 20, 2018 08:40
Books that I recommend to reading.
@vre2h
vre2h / react-key.md
Created July 20, 2018 19:45
How to add unique id's for React key.
  1. Install node-uuid package
npm install --save node-uuid

Or yarn

yarn add node-uuid