These are chat archives for dev-ua/reactjs

5th
Jul 2017
Mahmoud Faour
@leedor55
Jul 05 2017 06:24
hello, how i can make a simple game using react and redux? i have like a game rules and i have to do them, can anyone help me do it?
the rules is there is an array of words, and in the app, there should be inputs of alphabets and another inputs of the word length and i should guess what the word is…. can anyone give me an idea how to i can build a game like this?
The goal of this game is to arrange the letters and fill in the blanks to find the scrambled word
eyale
@eyale
Jul 05 2017 08:00
народ, такой вопрос, надо протестить пропсы которые приходят после фетча,
использую import { mount } from 'enzyme' тесты ругаются
undefined is not an object evaluating 'this.props.blabla
конечно там андефайнед пока не пришли пропсы
как мне заставить тест зафетчить данные или подождать ответ
короче как тесту сказать что надо сделать фетч или сама компонента делает фетч
просто надо подождать ответа, как сказать что его надо ждать
может кто толковую статью скинет или совет чего гуглить
Mahmoud Faour
@leedor55
Jul 05 2017 09:46
imageedit_4_3898267559.jpg
how to send the letters to the word compononts… im using redux..
every letter is a button
alexey-kuznetsov
@alexey-kuznetsov
Jul 05 2017 13:40
Всем привет! Возможно, немного дурацкий вопрос, но всё же, подскажите, как правильно сделать кнопку для скачивания файла с бэкенда, чтобы при этом не оставалось висеть открытым лишнее окно и чтобы текущее окно не переадресовывалось?
Evgeniy Labutin
@LabEG
Jul 05 2017 13:51
<a href="file.zip">Качни меня</a>
alexey-kuznetsov
@alexey-kuznetsov
Jul 05 2017 13:51
)))
ну да, так работает тоже))
загвоздка в том, что файл генерируется сервером и это занимает довольно ощутимое время. И пока идёт генерация, висит открытая пустая страница. Хотелось бы повесить какой-то лоадер, пока идёт генерация
Arutyunyan Artyom
@artalar
Jul 05 2017 13:53
Через iframe
Evgeniy Labutin
@LabEG
Jul 05 2017 13:54
без клика нельзя скачать файл
Arutyunyan Artyom
@artalar
Jul 05 2017 13:54
Через него можно чекать прогресс загрузки
alexey-kuznetsov
@alexey-kuznetsov
Jul 05 2017 14:00
блин, можно же послать запрос и потом получив в качестве ответа содержимое файла, выплюнуть его в браузер
Matt Pilott
@matt3224
Jul 05 2017 20:08
Hey
can anyone help me on a basic react issue please?
it fails but im not sure exactly why
its something to do with this.state.items.map
Vlad Shcherbin
@VladShcherbin
Jul 05 2017 20:14
@matt3224 you can use non-minified version of react so that you can see error in the console
Matt Pilott
@matt3224
Jul 05 2017 20:15
@VladShcherbin thanks for that, have done so
says render needs to return null or element
im convinced its something to do with items potentially being empty or atleast empty initially
Vlad Shcherbin
@VladShcherbin
Jul 05 2017 20:16
@matt3224 I guess you error is because when your component is first rendered, you don’t have fetched items. So you are rendering null
Matt Pilott
@matt3224
Jul 05 2017 20:18
how can i check before, just with a simple condition?
Vlad Shcherbin
@VladShcherbin
Jul 05 2017 20:18
@matt3224 yeah, just check if you have items in state
if you don’t have fetched items - render smth like no items or a loading state (loading state is better)
@matt3224 here is a simple example
Matt Pilott
@matt3224
Jul 05 2017 20:31
ok thats a step in the right direction
Matt Pilott
@matt3224
Jul 05 2017 20:55
@VladShcherbin ive got no errors now, and added a loading message but it doesnt every actually load the elements. The data is being fetched and the loop is even happening, but the dom is not being updated
Vlad Shcherbin
@VladShcherbin
Jul 05 2017 20:58
@matt3224 can you make your project not read only?
Matt Pilott
@matt3224
Jul 05 2017 21:04
I would love to but i cannot seemingly do that :worried:
thats the live view
which is not that helpful
Matt Pilott
@matt3224
Jul 05 2017 21:20
Is it not clear from the code?
Vlad Shcherbin
@VladShcherbin
Jul 05 2017 21:27
@matt3224 here is working code on jsbin - code
Matt Pilott
@matt3224
Jul 05 2017 21:30
@VladShcherbin Thanks so much!!
Matt Pilott
@matt3224
Jul 05 2017 21:53
@VladShcherbin do you have to provide a wrapping element in react?
Vlad Shcherbin
@VladShcherbin
Jul 05 2017 21:55
@matt3224 if the rendered element is not single (array for example) then yes. It’ll be possible in react 16 though
Matt Pilott
@matt3224
Jul 05 2017 21:55
i see
so for 15 it needs a container
Vlad Shcherbin
@VladShcherbin
Jul 05 2017 21:56
yes
Matt Pilott
@matt3224
Jul 05 2017 22:07
One small question, why is props passed in to the constructor and super() ?
Vlad Shcherbin
@VladShcherbin
Jul 05 2017 22:45
@matt3224 here is the answer. You can probably omit it in your example

@matt3224 In the docs it’s recommended to pass props, that’s why I included them by default

Class components should always call the base constructor with props.

Matt Pilott
@matt3224
Jul 05 2017 22:58
cool thanks