Size: a a a

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

2021 April 05

R

Rovshan in React — русскоговорящее сообщество
Sergey 🛸
Тебе также нужно обновить или удалить create-react-context
а есть команда чтобы все пакеты обновить разом?
источник

MT

Max Tihomirov in React — русскоговорящее сообщество
Как можно Grid item сделать одинаковый ширины?
источник

I

IceIceIce in React — русскоговорящее сообщество
iwannafly
список то большой? если нет, то ничего страшного, а если огромный то привет
да нет, там 40 штук примерно
источник

I

IceIceIce in React — русскоговорящее сообщество
iwannafly
список то большой? если нет, то ничего страшного, а если огромный то привет
я смотрел i18next, ток не понимаю, как мне переводить динамические данные, примеры с обычными строками понятны. вы юзали?
источник

i

iwannafly in React — русскоговорящее сообщество
IceIceIce
я смотрел i18next, ток не понимаю, как мне переводить динамические данные, примеры с обычными строками понятны. вы юзали?
мы юзаем formatjs
https://formatjs.io/docs/getting-started/message-declaration#using-imperative-api-intlformatmessage

intl.formatMessage(
 {
   description: 'A message', // Description should be a string literal
   defaultMessage: 'My name is {name}', // Message should be a string literal
 },
 {
   name: userName,
 }
источник

i

iwannafly in React — русскоговорящее сообщество
userName в примере -динамический, если я правильно понял вопрос
источник

i

iwannafly in React — русскоговорящее сообщество
Max Tihomirov
Как можно Grid item сделать одинаковый ширины?
display: grid;
 grid-template-columns: 1fr 1fr 1fr;
источник

i

iwannafly in React — русскоговорящее сообщество
источник

I

IceIceIce in React — русскоговорящее сообщество
iwannafly
мы юзаем formatjs
https://formatjs.io/docs/getting-started/message-declaration#using-imperative-api-intlformatmessage

intl.formatMessage(
 {
   description: 'A message', // Description should be a string literal
   defaultMessage: 'My name is {name}', // Message should be a string literal
 },
 {
   name: userName,
 }
есть какой-нибудь пример, как переводить данные, которые с апи приходят?
источник

I

IceIceIce in React — русскоговорящее сообщество
iwannafly
userName в примере -динамический, если я правильно понял вопрос
да, вроде то, что нужно. благодарю
источник

К

Куванч in React — русскоговорящее сообщество
Переслано от Куванч
источник

К

Куванч in React — русскоговорящее сообщество
Куванч
Переслано от Куванч
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const CopyPlugin = require('copy-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

// const isProd = process.env.NODE_ENV === 'production'
// const isDev = !isProd
// console.log(isProd);
// const filename = name => isProd ? bundle.[hash].${name} : bundle.${name}

module.exports = {
   context: path.resolve(__dirname,'src'),
   entry: './index.js',
   mode: 'development',
   output:{
       path: path.resolve(__dirname,'dist'),
       filename: 'bundle.[chunkhash].js'
   },
   resolve:{
       alias: {
           '@': path.resolve(__dirname,'src'),
           '@/core':path.resolve(__dirname,'src/core')
       },
       extensions: ['.js']    
   },
   plugins:[
       new HtmlWebpackPlugin({
           template: 'index.html'
       }),
       new MiniCssExtractPlugin({
           filename: 'bundle.[chunkhash].css'
       }),
       new CleanWebpackPlugin(),
       new CopyPlugin({
           patterns: [{
               from:  path.resolve(__dirname,'src/favicon.ico'),
               to: path.resolve(__dirname,'dist')
               }],
       }),
   ],
   module: {
       rules: [
         {
           test: /\.s[ac]ss$/i,
           use: [MiniCssExtractPlugin.loader,"css-loader","sass-loader",
           ],
         },
         {
           test: /\.m?js$/,
           exclude: /node_modules/,
           use: {
             loader: 'babel-loader',
             options: {
               presets: ['@babel/preset-env']
             }
           }
         }
       ],
     },
}
источник

IN

Igor N in React — русскоговорящее сообщество
Куванч
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const CopyPlugin = require('copy-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

// const isProd = process.env.NODE_ENV === 'production'
// const isDev = !isProd
// console.log(isProd);
// const filename = name => isProd ? bundle.[hash].${name} : bundle.${name}

module.exports = {
   context: path.resolve(__dirname,'src'),
   entry: './index.js',
   mode: 'development',
   output:{
       path: path.resolve(__dirname,'dist'),
       filename: 'bundle.[chunkhash].js'
   },
   resolve:{
       alias: {
           '@': path.resolve(__dirname,'src'),
           '@/core':path.resolve(__dirname,'src/core')
       },
       extensions: ['.js']    
   },
   plugins:[
       new HtmlWebpackPlugin({
           template: 'index.html'
       }),
       new MiniCssExtractPlugin({
           filename: 'bundle.[chunkhash].css'
       }),
       new CleanWebpackPlugin(),
       new CopyPlugin({
           patterns: [{
               from:  path.resolve(__dirname,'src/favicon.ico'),
               to: path.resolve(__dirname,'dist')
               }],
       }),
   ],
   module: {
       rules: [
         {
           test: /\.s[ac]ss$/i,
           use: [MiniCssExtractPlugin.loader,"css-loader","sass-loader",
           ],
         },
         {
           test: /\.m?js$/,
           exclude: /node_modules/,
           use: {
             loader: 'babel-loader',
             options: {
               presets: ['@babel/preset-env']
             }
           }
         }
       ],
     },
}
не надо кидать простыни в чат, для этого есть песочницы
источник

S🛸

Sergey 🛸 in React — русскоговорящее сообщество
Rovshan
а есть команда чтобы все пакеты обновить разом?
Нет, у тебя может быть конкретная версия указана
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Rovshan
а есть команда чтобы все пакеты обновить разом?
yarn upgrade interactive
источник

MT

Max Tihomirov in React — русскоговорящее сообщество
iwannafly
display: grid;
 grid-template-columns: 1fr 1fr 1fr;
тогда получается нет адаптивности
источник

Д

Ден in React — русскоговорящее сообщество
Привет
onClick={`${class ? showeModalHandler : UploadHandler}`}
так делал кто? не работает, так можно вообще
источник

꧁岡

꧁倫太郎 岡部꧂... in React — русскоговорящее сообщество
Ден
Привет
onClick={`${class ? showeModalHandler : UploadHandler}`}
так делал кто? не работает, так можно вообще
источник

🧨

🧨 ethorz in React — русскоговорящее сообщество
Ден
Привет
onClick={`${class ? showeModalHandler : UploadHandler}`}
так делал кто? не работает, так можно вообще
хаха)) внутри строка же будет)
источник

🧨

🧨 ethorz in React — русскоговорящее сообщество
onClick={class ? showModalHandler : UploadHandler}
источник