Published on December 6, 2017 by DevTips
Want create site? Find Free WordPress Themes and plugins.

By using React components we’re building a dummy overview with JSX. We follow the sketch and just get the components in place, without having real data yet.

– – –

In this series we’ll go from start to finish in building a fully functioning high-fidelity prototype with OAuth2 authentication and API connections fetching real data. The user will experience the prototype with her own stuff in it!

We do this by using React JS reactjs.org/ – a great JavaScript framework for building front-end components. We will even do some back-end to handle authentication eventually.

And yes, this is not Travis – David and MPJ are filling in!

– – –

This video was sponsored by the DevTips Patron Community – www.patreon.com/DevTips

Listen to Travis’ Podcast – www.travandlos.com/

Get awesomeness emailed to you every thursday – travisneilson.com/notes

You should follow DevTips on Twitter – twitter.com/DevTipsShow

MPJ’s channel on programming Fun Fun Function is great –
www.youtube.com/funfunfunction

David is known as Data David discussing analytics and data –
www.youtube.com/channel/UC0TQC6ZPNm23dU6ecc5x0Gg

Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

58 Comments on "Creating a dummy overview with JSX – #6 React JS prototyping"

Notify of
avatar

Pedro Diaz
Guest
Pedro Diaz
3 days 23 hours ago

wait a min the spread operator i use all the time was invented by facebook? and if so is the video old bc i use it all the time lol excuse my ignorance in advance

Jawad Ahmed
Guest
Jawad Ahmed
4 days 2 hours ago

12:45 I wonder why the label tag exists.HmmNothing to see here

chohort19 user
Guest
chohort19 user
4 days 4 hours ago

Awesome videos – I have been using reactjs for a couple weeks now, its good to here the explanation all over again – can you explain a little more/clear up the use cases for containers? smart components vs dummy components?

DevTips
Guest
DevTips
3 days 11 hours ago

+chohort19 user, The dummy components will become smarter in the coming episodes. We think it will clear things up once we get there.

Adam
Guest
Adam
4 days 13 hours ago

MPJ looks so annoyed. Haha

Janis Basis Basovs
Guest
Janis Basis Basovs
5 days 1 hour ago

My background is white not grey as urs. I have tried to find in the video for some clue / added style, but i couldnt find. So plz some1 explane, why we have different background-colors…?SVARA

Руслан Галиев
Guest
Руслан Галиев
5 days 3 hours ago

Thank you guys! =)

Riaan Oliver
Guest
Riaan Oliver
5 days 12 hours ago

Ow man you guys don’t have a clue how to use css correctly, but really enjoyed the video.

DevTips
Guest
DevTips
5 days 9 hours ago

Haha, David especially is quite rusty in his CSS. See it as mindfulness trying to cope with it!

Jon Walz
Guest
Jon Walz
5 days 18 hours ago
Lorenzo Wynberg
Guest
Lorenzo Wynberg
5 days 18 hours ago

there could just be a class .text-white{ text-color: #fff; } in the css that you can add to wahtever you need to

Riaan Oliver
Guest
Riaan Oliver
5 days 12 hours ago

Totally agree mate, they don’t know how to use css correctly.

Lorenzo Wynberg
Guest
Lorenzo Wynberg
5 days 18 hours ago

Cool lesson otherwise!

Mike Neas
Guest
Mike Neas
5 days 22 hours ago

This video has helped me realize my unhealthy emotional attachment to css separation

Pedro Diaz
Guest
Pedro Diaz
5 days 5 hours ago

i've been dealing with react for a little while now and i still think is healthy to at least separate ur css in other files and i also believe 100% inline styles even in jsx could be used only when needed, maybe is for the sake of basics but on every react turorial ive taken i see them makign variables for simple things like color and background or w/e hehe

1 2 3
wpDiscuz