Learn how to implement a UI library for faster development.
- [Instructor] OK, we have our application running,…and it has writing, but as I said earlier,…it doesn't look too hot right now.…So when we're trying to develop quickly,…sometimes it's beneficial to make use of…a UI styling library.…A UI library is essentially a collection of components…that we can plug into our application pre-build.…Some of the benefits of this are that it saves…development time, it allows us to focus on functionality,…it often provides us responsiveness out of the box.…That means a lot of these elements that we're getting…from the UI library will automatically work…both on mobile and on desktop versions.…
It gives us some common language to work with.…You'll see later I'm going to talk about primary buttons,…secondary buttons, floating action buttons, flat buttons.…There are a lot of popular UI libraries that have been…adapted for React.…We're going to be using one called Material-UI,…which is based on Google's Material design specifications.…There's also an adaptation of Twitter Bootstrap…
- Installing local dependencies
- Generating a starter project
- Deploying to Heroku
- Planning your development process
- Using styled-components
- Styling for mobile
- Setting up models on Graphcool
- Creating Relay mutations
- Adding Relay to your authentication flow
- Protecting routes with authentication
Skill Level Intermediate
2. Deployment Environments
3. App Functionality
4. Implementing Libraries
5. Creating Components
- 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.