<div class="wrapper">
<div class="block">
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
</div>
<div class="block">
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
</div>
</div>
*{
box-sizing: border-box;
}
.wrapper{
margin: 50px auto;
width: min-content;
display: flex;
flex-direction: column;
filter: drop-shadow(0 0 1px red);
}
.block{
height: 100px;
display: flex;
width: min-content;
gap: 0 10px;
background: #fff;
}
.block:last-child{
padding-top: 10px;
border-top: none;
}
.element{
width: 100px;
height: 100%;
border: 1px solid gray;
}
"dev": "webpack-dev-server --env mode=development",
"build": "webpack --env mode=production",
module.exports = (env) => {
const mode = env.mode;
return {
mode,
entry: "./src/index.js",
output: {
path: path.resolve(__dirname, "build"),
filename: 'js/bundle-[contenthash].js',
chunkFilename: 'js/chunk-[contenthash].js',
publicPath: mode === 'development' ? "/" : "./",
sourcePrefix: "\t",
assetModuleFilename: "./assets/[name]-[contenthash][ext]",
clean: true,
},
module: {...
...
вызове рендера и эффектов дважды- да, типа монтирование компонента вызывает дополнительное, хотя написано что вызывает тупо рендер допольнительный
Ну почему? Толк есть, потенциально, на случай уникальных багов- ну надеюсь у меня таких не будет "уникальных багов", а если и будет - то мне не привыкать, я уже столько граблей насобирал, что привык
Разве тут причина не в том, что сначала рендерится первый компонент, а потом второй?, в доке написано что он вызывает метод render дважды для каждого компонента ( это видимо то про что я и написал, проверят верно ли значение возвращает компонент ) 11 - первый компонент, 33 - второй компонент ( а как мы знает при обновлении компонента, при вызове методы render, функции создаются заного, поэтому консоль логи дважды вызываются ( первый который относится к проверке, второй который относится к основному рендеру ) которые находятся в основном скоупе компонентов в каждом из компонентов