Published on December 6, 2017 by DevTips

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

Leave a Reply

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

Notify of
avatar

Stephen InGermany
Guest
Stephen InGermany
15 days 9 hours ago

In the first episode you mentioned the code being on github… where exactly? There is no link

Zoltán Buka
Guest
Zoltán Buka
22 days 9 hours ago

As a beginner it's great to see these "messy" tutorials as opposed to seeing a master running through the whole thing. MPJ looks like a fine mentor and David's asking all the right questions.

Paul Phillips
Guest
Paul Phillips
25 days 1 hour ago

Great vid! Looking forward to watching more DevTips again 🙂

Kyaw Siesein
Guest
Kyaw Siesein
1 month 1 day ago

In css, we can use variables. I heard you said we cannot use variables in css.

Kyaw Siesein
Guest
Kyaw Siesein
28 days 12 hours ago

Yo .. medium.freecodecamp.org/everything-you-need-to-know-about-css-variables-c74d922ea855 read this article. Hopefully u learned something

HouseDG
Guest
HouseDG
28 days 13 hours ago

In scss (or compilers like that) we can use variables, not in css

adlex1212
Guest
adlex1212
1 month 2 days ago

If you style with javascript, how can you make your app responsive?

rickyu1978
Guest
rickyu1978
1 month 3 days ago

doesn't css now have variables using $? thumbs on this series.

Paltibenlaish
Guest
Paltibenlaish
1 month 3 days ago

Great , It was really good to write the components on the same file . For a better understanding!!!

Andrea Gonzalez
Guest
Andrea Gonzalez
1 month 8 days ago

Out of curiosity, is there a way to integrate SCSS/Sass into a React App like this one? This is the first time I look into React and I think it's quite interesting how HTML, JS & CSS work together, it definitely takes a while to get used to!

BK Lal
Guest
BK Lal
1 month 2 days ago
Johannes W
Guest
Johannes W
3 months 1 day ago

When JS logic hits Css 😀

Anatoly Khalizev
Guest
Anatoly Khalizev
3 months 3 days ago

Great style! Not like others: 'here is A, B and now we are at Z'

1 2 3 6
wpDiscuz