Телеграмм чат группы react

import React, { Component } from 'react';
import './App.css';
import { Switch, NavLink, Route, withRouter, BrowserRouter} from 'react-router-dom';
import Card from './components/Card';

class App extends Component<any, any> {
  render() {
    return <>
      <div className="app-container">
        <div>App</div>
        <BrowserRouter>
          <Route path={'/card'}>
            <Card/>
          </Route>
          <Route path={'/'} exact>
            <NavLink to={'/card'}>card</NavLink>
          </Route>
        </

BrowserRouter

>
      </div>
    </>
  }
}

export default withRouter(App);

и такой компонент Card

import { Component } from 'react';
import './styles.scss';
import { Route, Switch, NavLink, withRouter } from 'react-router-dom';
import { About } from '../About';


class Card extends Component<any, any> {
  constructor(props: any) {
    super(props);
  }

  render() {
    return <>
        <Route path={this.

props.match.path +

'/about'}>
          <div>!!!!!!!!!!!!</div>
          <About/>
        </Route>
        <Route path={this.

props.match.path

}>
          <div>Card</div>
          <NavLink to={this.

props.match.path +

'/about'}>About</NavLink>
        </Route>
    </>
  }
}

export default withRouter(Card);

источник

11:29пожаловаться #3

AS

Alexander Stark in React — русскоговорящее сообщество

Всем привет, у меня проект react + typescript, столкнулся с выбором данных библиотек, какие из них для моего проекта подходят, исходя из сочетания написанного выше и какие лишние будут ? Буду очень признателен за ответ !

1) eslint
2) eslint-plugin-prettier
3) eslint-config-prettier
4) prettier-eslint
5) tslint
6) tslint-plugin-prettier
7) tslint-config-prettier

источник

11:31пожаловаться #4

D

Deyl in React — русскоговорящее сообщество

Alexander Stark

Всем привет, у меня проект react + typescript, столкнулся с выбором данных библиотек, какие из них для моего проекта подходят, исходя из сочетания написанного выше и какие лишние будут ? Буду очень признателен за ответ !

1) eslint
2) eslint-plugin-prettier
3) eslint-config-prettier
4) prettier-eslint
5) tslint
6) tslint-plugin-prettier
7) tslint-config-prettier

Ставьте

create-react-app --template typescript

источник

11:33пожаловаться #5

AS

Alexander Stark in React — русскоговорящее сообщество

Deyl

Ставьте

create-react-app --template typescript

Плохой совет, creat-react app тянет кучу говна, проект я собираю с нуля

источник

11:34пожаловаться #6

D

Deyl in React — русскоговорящее сообщество

Соберите свой для production и соберите CRA, уверен размер бандлов вас удивит

источник

11:35пожаловаться #7

MZ

Max Zinchenko in React — русскоговорящее сообщество

CRA довольно не плохо собирает билд

источник

11:35пожаловаться #8

D

Deyl in React — русскоговорящее сообщество

Max Zinchenko

CRA довольно не плохо собирает билд

Он отлично собирает

источник

11:36пожаловаться #9

MZ

Max Zinchenko in React — русскоговорящее сообщество

:)

источник

11:36пожаловаться #10

D

Deyl in React — русскоговорящее сообщество

В четыре раза меньше размер общий

источник

11:36пожаловаться #11

IS

Ilya Sinkin in React — русскоговорящее сообщество

Alexander Stark

Всем привет, у меня проект react + typescript, столкнулся с выбором данных библиотек, какие из них для моего проекта подходят, исходя из сочетания написанного выше и какие лишние будут ? Буду очень признателен за ответ !

1) eslint
2) eslint-plugin-prettier
3) eslint-config-prettier
4) prettier-eslint
5) tslint
6) tslint-plugin-prettier
7) tslint-config-prettier

tslint уже устарел

источник

11:37пожаловаться #12

MZ

Max Zinchenko in React — русскоговорящее сообщество

Я пробовал, да, разница действительно есть

источник

11:37пожаловаться #13

D

Deyl in React — русскоговорящее сообщество

Не смотрел что они там использует, но react-dom.production до 40 КБ сжимают вместо 170КБ кастомного. А кастомный по популярным статьям собирал

источник