• Home

  • Internet

  • Building websites like it's 2006 - React for Djangonauts
16

Building websites like it's 2006 - React for Djangonauts

Embed Size (px)

Citation preview

Page 1: Building websites like it's 2006 - React for Djangonauts
Page 2: Building websites like it's 2006 - React for Djangonauts

@maikhoepfel

[email protected]

maikhoepfel.de

@django_oscar

github.com/django-oscar

oscarcommerce.com

Page 3: Building websites like it's 2006 - React for Djangonauts
Page 4: Building websites like it's 2006 - React for Djangonauts
Page 5: Building websites like it's 2006 - React for Djangonauts
Page 6: Building websites like it's 2006 - React for Djangonauts
Page 7: Building websites like it's 2006 - React for Djangonauts
Page 8: Building websites like it's 2006 - React for Djangonauts
Page 9: Building websites like it's 2006 - React for Djangonauts
Page 10: Building websites like it's 2006 - React for Djangonauts
Page 11: Building websites like it's 2006 - React for Djangonauts
Page 12: Building websites like it's 2006 - React for Djangonauts

Questions?

Page 13: Building websites like it's 2006 - React for Djangonauts
Page 14: Building websites like it's 2006 - React for Djangonauts
Page 15: Building websites like it's 2006 - React for Djangonauts
Page 16: Building websites like it's 2006 - React for Djangonauts

More questions?


DANIEL GRAHAM PHD REACT NATIVE DEVELOPMENTimport * as React from 'react'; import { Text, View, StyleSheet } from 'react-native'; export default class App extends React.Component {render()

DANIEL GRAHAM PHD REACT NATIVE DEVELOPMENTimport * as React from 'react'; import { Text, View, StyleSheet } from 'react-native'; export default class App extends React.Component {render()

Documents
REACT !!!!!

REACT !!!!!

Documents
Trilha – Ruby · Curso de Ruby On Rails. Imersão (6 meses). Serão criadas 10 apps. Websites, APIs, chatbots. Tecnologias Mobile. Frameworks Javascript: React, Angular, VueJS

Trilha – Ruby · Curso de Ruby On Rails. Imersão (6 meses). Serão criadas 10 apps. Websites, APIs, chatbots. Tecnologias Mobile. Frameworks Javascript: React, Angular, VueJS

Documents
React Native - Microsoft Azureclasses.eastus.cloudapp.azure.com/.../react-10.pdf · React Navigation •React Navigation is not from facebook; it’s created by the React Native community

React Native - Microsoft Azureclasses.eastus.cloudapp.azure.com/.../react-10.pdf · React Navigation •React Navigation is not from facebook; it’s created by the React Native community

Documents
» SnuFfLEupAGus€¦ · In the security team. It's called NBS System And it's a hosting company, you know, for websites. ¹ Hence our lovely accent. 4 / 106 » What are we trying

» SnuFfLEupAGus€¦ · In the security team. It's called NBS System And it's a hosting company, you know, for websites. ¹ Hence our lovely accent. 4 / 106 » What are we trying

Documents
React JS and why it's awesome

React JS and why it's awesome

Software
React Native copy remco - tweakimg.net Suijten - React Native.pdf · React Native Bridge // JS code this.sendEvent('next')} title='Verder'/> React

React Native copy remco - tweakimg.net Suijten - React Native.pdf · React Native Bridge // JS code this.sendEvent('next')} title='Verder'/> React

Documents
React in Native Apps - Meetup React - 20150409

React in Native Apps - Meetup React - 20150409

Software
React Quickly: Painless web apps with React, JSX, Redux ... · Meeting React 3 2 Baby steps with React 27 3 Introduction to JSX 41 4 Making React interactive with states 69 5 React

React Quickly: Painless web apps with React, JSX, Redux ... · Meeting React 3 2 Baby steps with React 27 3 Introduction to JSX 41 4 Making React interactive with states 69 5 React

Documents
Lezione 02 React and React Native installation and Configuration

Lezione 02 React and React Native installation and Configuration

Engineering
REACT - Manual€¦ · Circular REACT and REACT MB. Ød 100 A C C Figur 10. FSR. Figur 11. Circular REACT GUAC with spring return actuator. D d Dimensions and weights REACT – circular

REACT - Manual€¦ · Circular REACT and REACT MB. Ød 100 A C C Figur 10. FSR. Figur 11. Circular REACT GUAC with spring return actuator. D d Dimensions and weights REACT – circular

Documents
What is Fullscreen Background Websites? And It's Example of Fullscreen Website Designs

What is Fullscreen Background Websites? And It's Example of Fullscreen Website Designs

Design
Codemobiles React - iOS, Android, Angular, React, Vue.JS

Codemobiles React - iOS, Android, Angular, React, Vue.JS

Documents
Effective React - samples.leanpub.comsamples.leanpub.com/effective-react-sample.pdf · Validation..... 32

Effective React - samples.leanpub.comsamples.leanpub.com/effective-react-sample.pdf · Validation..... 32

Documents
React Native Android. It's easy

React Native Android. It's easy

Technology
p0 - CodeMobiles · 1. Setup and Introduction : React-Native Course Introduction NodeJS Install React-Native & Watchman Visual Studio Install and React-Native Extension Pack React-Native

p0 - CodeMobiles · 1. Setup and Introduction : React-Native Course Introduction NodeJS Install React-Native & Watchman Visual Studio Install and React-Native Extension Pack React-Native

Documents
Using React and Office UI Fabric React - Binary Bits · Using React and Office UI Fabric React Components In this lab you work with React and the the SharePoint Framework (SPFx) to

Using React and Office UI Fabric React - Binary Bits · Using React and Office UI Fabric React Components In this lab you work with React and the the SharePoint Framework (SPFx) to

Documents
Modern Websites with Django and React - PyYYC...Modern Websites with Django and React Andrew Neitsch 2016-08-23 Introduction 1. Django tutorial 2. JSON APIs with Django REST framework

Modern Websites with Django and React - PyYYC...Modern Websites with Django and React Andrew Neitsch 2016-08-23 Introduction 1. Django tutorial 2. JSON APIs with Django REST framework

Documents
Chapter 1: TypeScript Basics · Welcome to React Shop where you can get all your tools for ReactJS! React Router React Redux React Apollo React Redux A library that helps manage state

Chapter 1: TypeScript Basics · Welcome to React Shop where you can get all your tools for ReactJS! React Router React Redux React Apollo React Redux A library that helps manage state

Documents
Say “No” to Complexity! - Jfokus · Install React with npm install --save react react-dom react-dom is used when render target is web browsers Can use browser.js to compile React

Say “No” to Complexity! - Jfokus · Install React with npm install --save react react-dom react-dom is used when render target is web browsers Can use browser.js to compile React

Documents
React Native: React Meetup 3

React Native: React Meetup 3

Internet
React JS Belgium Touch Base - React, Flux, React Native

React JS Belgium Touch Base - React, Flux, React Native

Technology
React Native copy remco - tweakers.net Suijten - React Native.pdf · React Native Integration with Existing Apps >create-react-native-app AwesomeProject

React Native copy remco - tweakers.net Suijten - React Native.pdf · React Native Integration with Existing Apps >create-react-native-app AwesomeProject

Documents
Gianluca Esposito - It's time to go Native! (with JavaScript and React Native) | Codemotion Milan 2015

Gianluca Esposito - It's time to go Native! (with JavaScript and React Native) | Codemotion Milan 2015

Technology
Real-Time Anwendungen mit React und React Native entwickeln · Real-Time Anwendungen mit React und React Native entwickeln JavaScript. Julian Tiemann Developer Moin! Baqend Platform

Real-Time Anwendungen mit React und React Native entwickeln · Real-Time Anwendungen mit React und React Native entwickeln JavaScript. Julian Tiemann Developer Moin! Baqend Platform

Documents
React Training - finnovate.io · React Training Delivered by finnovate.io. Prerequisite ... Introduction to React Delivered by finnovate.io. React Overview ... The view is React Redux

React Training - finnovate.io · React Training Delivered by finnovate.io. Prerequisite ... Introduction to React Delivered by finnovate.io. React Overview ... The view is React Redux

Documents
JavaScript, React Native and Performance at react-europe 2016

JavaScript, React Native and Performance at react-europe 2016

Technology
ReAct Strategic Planreactgroup.org/.../ReAct-Strategic-Plan-2015-2019.pdf · 2015 - 2019 3 ReAct Strategic Plan. 4 2015 - 2019 ReAct Strategic Plan ABOUT ReAct ... ReAct articulated

ReAct Strategic Planreactgroup.org/.../ReAct-Strategic-Plan-2015-2019.pdf · 2015 - 2019 3 ReAct Strategic Plan. 4 2015 - 2019 ReAct Strategic Plan ABOUT ReAct ... ReAct articulated

Documents
TAG-Org Websites 1. Why Websites ? Branding: Since it's our website, we can set the design and build the awareness of our brand. To create our own Online

TAG-Org Websites 1. Why Websites ? Branding: Since it's our website, we can set the design and build the awareness of our brand. To create our own Online

Documents
Fitc React Spotlight 2016 - React for Vikings

Fitc React Spotlight 2016 - React for Vikings

Technology