So I’m watching Dylan Israel on youtube and he is doing something I have never seen or be taught installing react and npm idk what are we supposed to be doing here
Your code so far
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.117 Safari/537.36.
With the frontend libraries section, FCC teaches you how to use them by giving you example tests against something installed on FCC’s platform.
It’s outside the scope of that part of the course to teach you how to set up a dev environment – install a text editor, use a terminal, install Node, use NPM, install packages, compile packages.
In real life, you don’t work on Codepen or in some web editor with preinstalled libraries, you have to put this stuff on your computer. This is stuff that you need to go out and learn here, FCC lets you dip your toes in, but in the frontend section, it’s giving you exposure to language and frameworks with those things already set up.
In the video, the guy is working locally, installing the required libraries in his system. He’s assuming you know how this works. Almost every tutorial and article online assumes this, every readme for a library, etc – you’ve been at this for a while now, you must have seen this mentioned many times before surely?
Markdown is (for example) what is used on the FCC forum to allow formatting in the posts, eg
If I type
# this is an h1
I get
this is an h1
If I type
`here is some code`
I get
here is some code
You surely could have asked Google for an example of what Markdown is. It is not obscure.
You can’t get spoonfed every single thing. The challenge is create a UI that takes markdown and generates HTML. If you don’t know what markdown is you will get very good explanations if you just do a basic search
Yes, I understand why that might be confusing. It’s using HAML, which is an HTML templating engine (used generally with Ruby on Rails, was quite popular when CodePen first appeared). This
#app
Converts to
<div id="app"></app>
If you click the little drop-down in the HTML tab it’ll give you an option to see the compiled HTML