подскажите где ошибка...

У тебя устаревший мануал

и так сойдет

ребят, как реализовать следующее, на странице есть 2 банера (блока), один в самом верху, второй в самом низу, когда листаешь вниз должен верхний скрыватся, когда верх, нижний скрыватся. У меня один родительский блок, в нем 2 дочерних (верстка блоков), я на div в родительском повесил обработчик, вышло так но не работает <div className="wrapper" ref={(scroller)=>{this.scroller = scroller}} onScroll={this.hadlerScroll} > <Header/> <Fouter/> </div> hadlerScroll = () =>{ console.log("1", this.scroller.scrollTop ) };

это можно сделать через getBoundingClientRect() внутри функции, которую навесить на window.addEventListener('scroll', myFunc) внутри componentDidMount у меня так работает, но это наверное анти-паттерн

Подскажите плиз , я SC храню в файле styles.js и импортирую стили в моем Header компоненте, я создал кнопку для шапки. Сделал проект, в DOM много элементов. навожу на кнопку и с F12 там такое: styles__Container т.е. SC берет название файла где лежит описанный SC и потом уже название SC. Можно ли как-нибдуь расширить информацию? Что бы было типа такого: index__App__Header__styles__Container

я покрутил конфиг, максимум что нашел это делать бредо-имена efjekfe-efjefhej-efhjefhe или styles__Container , что-то глубокое не смог найти(

я покрутил конфиг, максимум что нашел это делать бредо-имена efjekfe-efjefhej-efhjefhe или styles__Container , что-то глубокое не смог найти(

там же вообще хеши должны быть

я покрутил конфиг, максимум что нашел это делать бредо-имена efjekfe-efjefhej-efhjefhe или styles__Container , что-то глубокое не смог найти(

расковыряй Бабель плагин, может получится Вообще из коробки нельзя

там же вообще хеши должны быть

угу, но через настройки бабельского плагина можно поменть, жаль настроек мало, ["styled-components", { "displayName": true, "fileName": true, }],

угу, но через настройки бабельского плагина можно поменть, жаль настроек мало, ["styled-components", { "displayName": true, "fileName": true, }],

круто. а зачем тебе нужны расширенные класснеймы?

мне нравятся хеши, ноль инфы постороннему

да и кода меньше как никак

Это всё только для разработки

думал, что может быстрей будет искать компоненты, если проект большой

В проде этого нет

доброго времени! нужна помощь по сторибуку есть рабочий сайт на реакте и тайпскрипте, нужно туда докинуть еще сторибук, настроил как в доке, но все равно ошибка Error: The 'decorators' plugin requires a `decoratorsBeforeExport' option, whose value must be a boolean.. Гугл ничего дельного не выдает .storybook/config.js import React from 'react'; import { storiesOf } from '@storybook/react'; storiesOf('MyComponent', module) .addDecorator(story => (<div>123</div>)) .storybook/webpack.config.js const path = require("path"); const TSDocgenPlugin = require("react-docgen-typescript-webpack-plugin"); module.exports = (baseConfig, env, config) => { config.module.rules.push({ test: /\.(ts|tsx)$/, loader: require.resolve("awesome-typescript-loader") }); config.plugins.push(new TSDocgenPlugin()); // optional config.resolve.extensions.push(".ts", ".tsx"); return config; }; tsconfig.json { "compilerOptions": { "baseUrl": "src", "outDir": "./dist/", "target": "es5", "sourceMap": true, "declaration": true, "strict": true, "noUnusedLocals": true, "noImplicitReturns": true, "allowSyntheticDefaultImports": true, "forceConsistentCasingInFileNames": true, "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "suppressImplicitAnyIndexErrors": true, "module": "commonjs", "moduleResolution": "node", "alwaysStrict": false, "allowJs": false, "jsx": "react", "rootDirs": ["src", "stories"], "lib": ["es5", "es6", "es7", "es2017", "dom"], "typeRoots": ["./node_modules/@types", "./typings"], "typescript_tsdk":"/usr/lib/node_modules/typescript/lib", "experimentalDecorators": true "paths": { "@components/*": ["src/components/*"], "@containers/*": ["src/containers/*"], "@utils/*": ["src/utils/*"], "@styles/*": ["src/styles/*"], "@hoc/*": ["src/hoc/*"], "@icons/*": ["src/icons/*"], "@graphql/*": ["src/graphql/*"] }, "plugins": [ { "name": "typescript-styled-plugin" }, { "name": "ts-graphql-plugin", "tag": "gql" } ] }, "include": ["src/**/*", "typings", "custom.d.ts"] } sroties/index.js import { storiesOf } from "@storybook/react"; const stories = storiesOf("Components", module); import { action } from '@storybook/addon-actions'; stories.add( "Test", () => <div>123</div> ); помогите плес

ребят, а кто-нибудь знает, как на select теге сделать открытие дропдауна после фокуса? то есть если у меня this.x = <select></select>, и я делаю this.x.focus(), то появляется аутлайн, что полностью бесполезно. нужно открывать дропдаун

ребят, а кто-нибудь знает, как на select теге сделать открытие дропдауна после фокуса? то есть если у меня this.x = <select></select>, и я делаю this.x.focus(), то появляется аутлайн, что полностью бесполезно. нужно открывать дропдаун

this.x.click() пробовал?

доброго времени! нужна помощь по сторибуку есть рабочий сайт на реакте и тайпскрипте, нужно туда докинуть еще сторибук, настроил как в доке, но все равно ошибка Error: The 'decorators' plugin requires a `decoratorsBeforeExport' option, whose value must be a boolean.. Гугл ничего дельного не выдает .storybook/config.js import React from 'react'; import { storiesOf } from '@storybook/react'; storiesOf('MyComponent', module) .addDecorator(story => (<div>123</div>)) .storybook/webpack.config.js const path = require("path"); const TSDocgenPlugin = require("react-docgen-typescript-webpack-plugin"); module.exports = (baseConfig, env, config) => { config.module.rules.push({ test: /\.(ts|tsx)$/, loader: require.resolve("awesome-typescript-loader") }); config.plugins.push(new TSDocgenPlugin()); // optional config.resolve.extensions.push(".ts", ".tsx"); return config; }; tsconfig.json { "compilerOptions": { "baseUrl": "src", "outDir": "./dist/", "target": "es5", "sourceMap": true, "declaration": true, "strict": true, "noUnusedLocals": true, "noImplicitReturns": true, "allowSyntheticDefaultImports": true, "forceConsistentCasingInFileNames": true, "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "suppressImplicitAnyIndexErrors": true, "module": "commonjs", "moduleResolution": "node", "alwaysStrict": false, "allowJs": false, "jsx": "react", "rootDirs": ["src", "stories"], "lib": ["es5", "es6", "es7", "es2017", "dom"], "typeRoots": ["./node_modules/@types", "./typings"], "typescript_tsdk":"/usr/lib/node_modules/typescript/lib", "experimentalDecorators": true "paths": { "@components/*": ["src/components/*"], "@containers/*": ["src/containers/*"], "@utils/*": ["src/utils/*"], "@styles/*": ["src/styles/*"], "@hoc/*": ["src/hoc/*"], "@icons/*": ["src/icons/*"], "@graphql/*": ["src/graphql/*"] }, "plugins": [ { "name": "typescript-styled-plugin" }, { "name": "ts-graphql-plugin", "tag": "gql" } ] }, "include": ["src/**/*", "typings", "custom.d.ts"] } sroties/index.js import { storiesOf } from "@storybook/react"; const stories = storiesOf("Components", module); import { action } from '@storybook/addon-actions'; stories.add( "Test", () => <div>123</div> ); помогите плес

оно тебе говорит что во флаге с плагином который делает декораторы возможными надо поставить флаг

ребят, а кто-нибудь знает, как на select теге сделать открытие дропдауна после фокуса? то есть если у меня this.x = <select></select>, и я делаю this.x.focus(), то появляется аутлайн, что полностью бесполезно. нужно открывать дропдаун

addEventListener("focus", () => {}) ?

но по ходу он у тебя ts вообще не видит

оно тебе говорит что во флаге с плагином который делает декораторы возможными надо поставить флаг

просто если через npm start запускать, то все как надо

потому что декораторы в ts и js вроде работают через разные транспайлеры

Как получить мерж этого фикса? https://github.com/facebook/react/pull/13598

через npx запускай

через npx запускай

я вообще yarn юзаю

просто если через npm start запускать, то все как надо

babel rc покажи

сек

{ "presets": [ [ "@babel/preset-env", { "targets": { "browsers": ["last 2 versions"] } } ], [ "@babel/stage-1", { "decoratorsLegacy": true } ], "@babel/react", "@babel/typescript" ], "plugins": [ "react-hot-loader/babel", "styled-components", "graphql-tag", [ "@babel/plugin-transform-runtime", { "helpers": false, "polyfill": false, "regenerator": true, "moduleName": "@babel/runtime" } ] ] }

я тут пытался прописывать

я вообще yarn юзаю

Я тоже. Через npx запускай говорю

но там ошибка вылетала

Я тоже. Через npx запускай говорю

сейчас попробую

Если что то запускается через npm scripts и не запускается во всех остальных случаях, то это кейс для вот этой утилиты)

"experimentalDecorators": true а если не ts то вроде через отдельный плагин

ребят, а кто-нибудь знает, как на select теге сделать открытие дропдауна после фокуса? то есть если у меня this.x = <select></select>, и я делаю this.x.focus(), то появляется аутлайн, что полностью бесполезно. нужно открывать дропдаун

а вообще состояние открытия по хорошему надо контролировать через стейт

"experimentalDecorators": true а если не ts то вроде через отдельный плагин

сек

а вообще состояние открытия по хорошему надо контролировать через стейт

.click() не работает ну так я и пытаюсь через стейт замутить, но как обратиться к состоянию открытия?

.click() не работает ну так я и пытаюсь через стейт замутить, но как обратиться к состоянию открытия?

возьми downshift

сек

вот тут попробуй добавить "@babel/stage-1", { "decoratorsLegacy": true, "decoratorsBeforeExport":true, }

пробовал уже

хотя я это через плагин рулил

эвентхендлер не на сам select, а на его label. и я прытаюсь понять, как обратиться к состоянию select'a, узнать/изменить его состояние "открыт"/"закрыт"

{ "presets": [ [ "@babel/preset-env", { "targets": { "browsers": ["last 2 versions"] } } ], [ "@babel/stage-1", { "decoratorsLegacy": true } ], "@babel/react", "@babel/typescript" ], "plugins": [ "react-hot-loader/babel", "styled-components", "graphql-tag", [ "@babel/plugin-transform-runtime", { "helpers": false, "polyfill": false, "regenerator": true, "moduleName": "@babel/runtime" } ] ] }

какая версия плагина стейджа?

но вместе с ts когда работал то вообще никаких плагинов для декораторов не ставил

какая версия плагина стейджа?

7 бета 42

хм

но вместе с ts когда работал то вообще никаких плагинов для декораторов не ставил

да я чет вообще не понимаю как тут решить

проект не под это дело делался

ERROR: S client not available

я хз, я ж говорю когда с ts работаю, то вообще не трогал декораторы

ладно, спасибо

я вообще хз, мб в ts для декораторов другая спека

7 бета 42

Обновись до релиза.

буду дальше думать

все просто: нужно на сам select сделать onFocus={ (e) => e.target.size = ... } свойство size у <select> влияет на его состояние: если = 0, то закрыт, если > 0, то открыт

Обновись до релиза.

сек

Это параллельно, не факт, что решит проблему.

сек

у меня @babel/core 7 версии стоит

остальное бета 42

ну не совсем оффтоп, все же реакт проджект залить хочу, а даже если и нет, прошу же нормально

ну не совсем оффтоп, все же реакт проджект залить хочу, а даже если и нет, прошу же нормально

гугл есть. там всё расписано

ну и t.me/git_ru

гугл есть. там всё расписано

ты смотрел что я писал? делал все по гайду

ты смотрел что я писал? делал все по гайду

now.sh заюзай

ты смотрел что я писал? делал все по гайду

значит не всё. или гайд дерьмо

ну и t.me/git_ru

там игнор еще хуже

ну не совсем оффтоп, все же реакт проджект залить хочу, а даже если и нет, прошу же нормально

Тогда я вопросы по офису 365 буду сюда постить. Он же с помощью реакт-натива написан частично.

Тогда я вопросы по офису 365 буду сюда постить. Он же с помощью реакт-натива написан частично.

рили?) не знал

ты смотрел что я писал? делал все по гайду

гугл != гайд появляется проблема - нужно гуглить, так 99% проблем решается, которых в процессе работы очень много маленьких и не очень

Посоветуйте библиотеку для авторизации через соц сети

Посоветуйте библиотеку для авторизации через соц сети

Авторизация к фронтэнду никакого отношения не имеет.

Посоветуйте библиотеку для авторизации через соц сети

oauth2?