In this video, Emmanuel Henri finalizes the look of the components by adding proper CSS and classes on the components. He also leverages the materialize library for most of the styles.
- [Instructor] With every project,…I always finish up the course with a beauty pass…so you can get a functional,…but also beautiful project to show off.…Let's get to it.…So the first thing I want you to do…is go into Friends.js, and Friends plural.…And inside of the component,…we'll add a few things.…So the first thing I want to do is…add a div.…In that particular div,…we'll add a className,…and that className will be called…"navbar-fixed, like so.…
And then we'll do another one,…with a className again.…So when you type className,…you want to make sure that you do uppercase N,…because that could be an issue if you don't.…And for that one I'm going to do "grey darken-4",…and these are all materialized stuff,…so if you're wondering what I'm doing right now,…you can go to materializecss.com,…and take a look at the documentation,…and the specific colors that I'm choosing,…and so on and so forth, okay?…Next, I want to do another div.…
In this one I wanted to do a className again,…and I want to do the "nav-wrapper" like so.…
- Setting up GraphQL
- Running queries
- Updating schema and solvers
- Adding data
- Adding Relay entry components
- Coding GraphQL fragments
Skill Level Advanced
1. Introduction and Setup
2. GraphQL Development
3. Relay Setup
4. React Integration
Next steps1m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.