Building User Interfaces React 2

Building User Interfaces

React 2

Building w/ React

Professor Bilge Mutlu

? Building User Interfaces | Professor Mutlu | Lecture 07: React 2 ¡ª Building w/ React

1

What we will learn today?

¡ª Using Component Libraries with React

¡ª Component development and reuse

¡ª Data?ow among components

? Building User Interfaces | Professor Mutlu | Lecture 07: React 2 ¡ª Building w/ React

2

Using Component Libraries

with React

? Building User Interfaces | Professor Mutlu | Lecture 07: React 2 ¡ª Building w/ React

3

Refresher: What are Component Libraries?1

De?nition: So!ware libraries that abstract away the low-level CSS

implementation of user-facing elements.

Some popular libraries:

* Bootstrap

* Foundation

* Semantic UI

* Pure

* UIkit

1

react-bootstrap

? Building User Interfaces | Professor Mutlu | Lecture 07: React 2 ¡ª Building w/ React

4

Integrating Bootstrap into React

Three methods:

1.

!

Using the CDN

2. Bootstrap dependency

3. React Bootstrap package

preferred method

? Building User Interfaces | Professor Mutlu | Lecture 07: React 2 ¡ª Building w/ React

5

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download