Slide 1

Slide 1 text

Orjiewuru Kingdom Isaac Software Developer - Andela React and GraphQL - Frontend Besties

Slide 2

Slide 2 text

It’s 2017

Slide 3

Slide 3 text

Introduction Objectives 01 - React 
 02 - GraphQL 03 - Mocking a GraphQL server 04 - Apollo GraphQL Client

Slide 4

Slide 4 text

https://react-summit-talk.herokuapp.com/

Slide 5

Slide 5 text

https://react-summit-talk.herokuapp.com/

Slide 6

Slide 6 text

https://react-summit-talk.herokuapp.com/

Slide 7

Slide 7 text

https://react-summit-talk.herokuapp.com/

Slide 8

Slide 8 text

https://react-summit-talk.herokuapp.com/

Slide 9

Slide 9 text

https://react-summit-talk.herokuapp.com/

Slide 10

Slide 10 text

• Declarative React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. - reactjs.org Our example app: reactjs.org A JavaScript library for building user interfaces


Slide 11

Slide 11 text

• Component Based Build encapsulated components that manage their own state, then compose them to make complex UIs. - reactjs.org Our example app: reactjs.org A JavaScript library for building user interfaces


Slide 12

Slide 12 text

• Learn Once, Write Anywhere Integrate React into an existing project without rewriting existing code. • Knowledge reuse Our example app: reactjs.org A JavaScript library for building user interfaces


Slide 13

Slide 13 text

• Describe your data • Ask for what you want • Get predictable results graphql.org A query language for your APIs and a Runtime for fulfilling those queries with your existing data

Slide 14

Slide 14 text

dev.apollodata.com Apollo Client - The flexible, production ready GraphQL client for React and native apps. • Advanced data management • Use json-graphql-server to setup a graphql endpoint • Use react-apollo to connect the component to the graphql server • Display the data in the component from Apollo store

Slide 15

Slide 15 text

https://github.com/kingisaac95/react-summit-talk

Slide 16

Slide 16 text

Q u e s t i o n s ?

Slide 17

Slide 17 text

Thank You!