Building a React.js App - ES6 Refactor: Non Components

Share this video with your friends

Send Tweet

In this video, we’ll walk through refactoring all of our non component files to utilize new ES6 features like the module system, template strings, destructuring, and arrow functions.

egghead eggo
egghead eggo
~ 9 years ago

The lesson video has been updated!

Viktor Jančík
Viktor Jančík
~ 9 years ago

When trying to go back (using Backspace, or the back arrow button in Chrome), from a profile page to a home page, the home page doesn't get loaded. Why is this?

Also, when first entering a profile page through the submit on the Home component, it appears two entries of the "transition event" get entered into the history, as I can go back (same way as described above), twice before the URL changes to the home page. The first "back" doesn't do anything. Is this a bug? Thanks!

Danny Rizko
Danny Rizko
~ 9 years ago

What is the language package and syntax theme you're using?

Tyler McGinnis
Tyler McGinnis(instructor)
~ 9 years ago

It's all in this tweet :) https://twitter.com/tylermcginnis33/status/610920794189889536

KWANGYOUNG KIM
KWANGYOUNG KIM
~ 9 years ago

Hi, I have a question about string interpolation. In my case, helpers.js makes request like this

https://api.github.com/users/$%7Busername%7D

in helpers.js, I wrote the code below like the lesson

function getRepos(username){ return axios.get('https://api.github.com/users/${username}/repos') }

what's the problem?

KWANGYOUNG KIM
KWANGYOUNG KIM
~ 9 years ago

Oh noooooo, I misunderstood back quote as quote. T.T I solved my problem.

Russell Wells
Russell Wells
~ 8 years ago

My webkit doesn't compile

	{ notes } = this.props;
| 		          ^

6 | return (

the object destructuring. I added stage-2 and everything I could find online. No effect. Any ideas?

Fullscript
Fullscript
~ 8 years ago

This is a great tutorial - thank you!