abergquist (177) [Avatar] Offline
#1
At about 5:25 in https://livevideo.manning.com/module/35_2_4/react-in-motion/ramping-up-with-react/building-a-hello-world-component, you direct us to delete the following code located within:

<div className="App">
  .
  .
  .
</div>


in App.js:

        <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h2>Welcome to React</h2>
        </div>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>


The code within:

<div className="App">
  .
  .
  .
</div>


in my App.js is a little different:

        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to React</h1>
        </header>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>


ISTM that both "code swatches" should be identical.
Zac Braddy (4) [Avatar] Offline
#2
Hi there abergquist

Firstly let me take the opportunity to thank you very much for all your effort in helping to improve my course with all your super feedback! I'm really quite flattered that you would take so much time to help me out in that way. I've reviewed each of your changes and I'm the process of working with the development editor to work out how we might be able to balance progress made on making new modules for the course with making the effort to go back to correct all these mistakes. I can't say when these will be able to be fixed but rest assured that your hard work will not be in vein, we will incorporate this back into the final product.

That said, I've picked out a few of these threads to reply to because I think you've touched on a few interesting points which I'd like to bump to the top of board for other learners to benefit from. Also, I'm going to ask the appropriate people at Manning how I might be able to pin these so they stay at the top! But for now bumping them will have to suffice.

To answer your question!

I suspect what is happening here is that when React went from version 15 to 16 that create-react-app took up the changes immediately and also invested effort to leverage the benefits of the new version. What makes me say this is that the code that you've said you're seeing there has two tags at the parent level. This was not possible in React 15 but is now possible in React 16.

So, the short answer is that when I recorded the video I did so CRA using React 15 and when you've followed the same steps (because you're doing this in the future!) you've worked with CRA using React 16. I may need to go back and update the coding portion of this to stay relevant. This will probably happen later in the development of the course.

Cheers
Zac
abergquist (177) [Avatar] Offline
#3
Thanks, Zac!
529114 (1) [Avatar] Offline
#4
Thanks for the great post, thanks for posting. Best Essay Writer