Skip to content

Instantly share code, notes, and snippets.

View Archakov06's full-sized avatar

Archakov Dennis Archakov06

View GitHub Profile
[
{
"id": 0,
"imageUrl": "https://dodopizza.azureedge.net/static/Img/Products/f035c7f46c0844069722f2bb3ee9f113_584x584.jpeg",
"title": "Пепперони Фреш с перцем",
"types": [0, 1],
"sizes": [26, 30, 40],
"price": 803,
"category": 0,
"rating": 4
@Archakov06
Archakov06 / server.js
Created October 22, 2021 23:28
server.js
const express = require('express');
const multer = require('multer');
const cors = require('cors');
const app = express();
app.use(cors());
app.use(express.static(__dirname));
app.use(
multer({
// Это состояние
class Home extends StatefulWidget {
final List<Word> words;
Home({this.words});
@override
State<StatefulWidget> createState() {
return _Home();
}
import { combineReducers } from 'redux';
const reducers = ['channels', 'bots', 'posts', 'user'];
export default combineReducers(
reducers.reduce((initial, name) => {
initial[name] = require(`./${name}`).default;
return initial;
}, {}),
);
[
{
"country": "Afghanistan",
"alpha2": "AF",
"alpha3": "AFG",
"numeric": "004"
},
{
"country": "Åland Islands",
"alpha2": "AX",
import React from 'react';
import { Field } from 'redux-form';
import { compose, withHandlers, mapProps } from 'recompose';
import classNames from 'classnames';
import { EditFormGroup, EditFormGroupRow, EditFormGroupRowTitle } from 'app/components/wrappers';
import { Radio } from 'app/components/ui';
const RadioEnhance = compose(
@Archakov06
Archakov06 / futumarket-coding-style-guide.md
Last active February 27, 2024 21:05
Хорошая и плохая практика написания кода на ReactJS и JavaScript

Coding Style Guide

Это руководство содержит в себе наиболее разумный подход к написанию JavaScript и ReactJS (JSX) кода.

Основные правила

  1. Компонент не должен содержать в себе состояний.
  2. Компоненты делятся на два типа:
  • Presentation component — презентационный компонент. Главная роль — отображение переданных данных от контейнера.
  • Container — контейнер. Главная роль — хранение функциональной части и логики компонента. Передаёт итоговые данные в презентационный компонент.

В презентационном компоненте не желательно хранить логику или любую другую функциональную часть. Исключение — компонент-класс.

// плохо
function SFC({ foo, bar, children }) {
return <div>{foo}{bar}{children}</div>;
}
SFC.propTypes = {
foo: PropTypes.number.isRequired,
bar: PropTypes.string,
children: PropTypes.node,
};

Frontend-разработчик (React)

Приглашаем в нашу команду в Санкт-Петербурге Frontend-разработчика.

Компания «Футумаркет» - стартап, создающий многофункциональную торговую интернет-площадку.

На данный момент реализация проекта находится на начальном этапе. Работает дружная команда из 10 человек.

Требования:

// Source: https://github.com/zewish/oget
'use strict';
export default (obj, path, def) => {
let res = path
.replace(/\[/g, '.')
.replace(/\]/g, '')
.replace(/^\./, '')
.split('.')