React and React Native :: use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps /
Use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps About This Book Build React and React Native applications using familiar component concepts Dive deep into each platform, from routing in React to creating native mobile application...
Gespeichert in:
1. Verfasser: | |
---|---|
Format: | Elektronisch E-Book |
Sprache: | English |
Veröffentlicht: |
Birmingham, UK :
Packt Publishing,
2017.
|
Schlagworte: | |
Online-Zugang: | Volltext |
Zusammenfassung: | Use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps About This Book Build React and React Native applications using familiar component concepts Dive deep into each platform, from routing in React to creating native mobile applications that can run offline Use Facebook's Relay, React and GraphQL technologies, to create a unified architecture that powers both web and native applications Who This Book Is For This book is written for any JavaScript developer--beginner or expert--who wants to start learning how to put both of Facebook's UI libraries to work. No knowledge of React is needed, though a working knowledge of ES2015 will help you follow along better. What You Will Learn Craft reusable React components Control navigation using the React Router to help keep your UI in sync with URLs Build isomorphic web applications using Node.js Use the Flexbox layout model to create responsive mobile designs Leverage the native APIs of Android and iOS to build engaging applications with React Native Respond to gestures in a way that's intuitive for the user Use Relay to build a unified data architecture for your React UIs In Detail React and React Native allow you to build cross-platform desktop and mobile applications using Facebook's innovative UI libraries. Combined with the Flux data architecture and Relay, you can now create powerful and feature-complete applications from just one code base! This book is split into three parts. The first part shows you how to start crafting composable UIs using React, from rendering with JSX and creating reusable components through to routing and creating isomorphic applications that run on Node. We then move on to showing you how to take the concepts of React and apply them to building Native UIs using React Native. You'll find out how to build responsive and streamlined UIs that can properly handle user interactions in a mobile environment. You'll also learn how to access device-specific APIs such as the geolocation API, and how to handle offline development with React Native. Finally, we'll tie all of these skills together and shows you how you can create React applications that run on every major platform. As well as understanding application state in depth, you'll learn how to leverage Relay to make feature-complete, data-driven web and native mobile applications. Style and approach Split into three major sections to help organize your learning, t... |
Beschreibung: | 1 online resource (1 volume) : illustrations |
ISBN: | 9781786469571 178646957X |
Internformat
MARC
LEADER | 00000cam a2200000 i 4500 | ||
---|---|---|---|
001 | ZDB-4-EBA-ocn981256506 | ||
003 | OCoLC | ||
005 | 20241004212047.0 | ||
006 | m o d | ||
007 | cr unu|||||||| | ||
008 | 170404s2017 enka o 000 0 eng d | ||
040 | |a UMI |b eng |e rda |e pn |c UMI |d IDEBK |d STF |d TOH |d VT2 |d OCLCQ |d N$T |d OCLCO |d OCLCF |d UOK |d CEF |d KSU |d DEBBG |d UKMGB |d WYU |d UAB |d UKAHL |d YDX |d QGK |d OCLCO |d OCLCQ |d OCLCO |d OCLCL |d OCLCQ |d DXU | ||
015 | |a GBB779680 |2 bnb | ||
016 | 7 | |a 018316652 |2 Uk | |
020 | |a 9781786469571 |q (electronic bk.) | ||
020 | |a 178646957X |q (electronic bk.) | ||
020 | |z 9781786465658 | ||
035 | |a (OCoLC)981256506 | ||
037 | |a CL0500000844 |b Safari Books Online | ||
050 | 4 | |a QA76.76.A65 | |
072 | 7 | |a COM |x 013000 |2 bisacsh | |
072 | 7 | |a COM |x 014000 |2 bisacsh | |
072 | 7 | |a COM |x 018000 |2 bisacsh | |
072 | 7 | |a COM |x 067000 |2 bisacsh | |
072 | 7 | |a COM |x 032000 |2 bisacsh | |
072 | 7 | |a COM |x 037000 |2 bisacsh | |
072 | 7 | |a COM |x 052000 |2 bisacsh | |
082 | 7 | |a 004 |2 23 | |
049 | |a MAIN | ||
100 | 1 | |a Boduch, Adam, |e author. |0 http://id.loc.gov/authorities/names/no2016019897 | |
245 | 1 | 0 | |a React and React Native : |b use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps / |c Adam Boduch. |
264 | 1 | |a Birmingham, UK : |b Packt Publishing, |c 2017. | |
300 | |a 1 online resource (1 volume) : |b illustrations | ||
336 | |a text |b txt |2 rdacontent | ||
337 | |a computer |b c |2 rdamedia | ||
338 | |a online resource |b cr |2 rdacarrier | ||
588 | |a Description based on online resource; title from cover (Safari, viewed March 30, 2017). | ||
520 | |a Use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps About This Book Build React and React Native applications using familiar component concepts Dive deep into each platform, from routing in React to creating native mobile applications that can run offline Use Facebook's Relay, React and GraphQL technologies, to create a unified architecture that powers both web and native applications Who This Book Is For This book is written for any JavaScript developer--beginner or expert--who wants to start learning how to put both of Facebook's UI libraries to work. No knowledge of React is needed, though a working knowledge of ES2015 will help you follow along better. What You Will Learn Craft reusable React components Control navigation using the React Router to help keep your UI in sync with URLs Build isomorphic web applications using Node.js Use the Flexbox layout model to create responsive mobile designs Leverage the native APIs of Android and iOS to build engaging applications with React Native Respond to gestures in a way that's intuitive for the user Use Relay to build a unified data architecture for your React UIs In Detail React and React Native allow you to build cross-platform desktop and mobile applications using Facebook's innovative UI libraries. Combined with the Flux data architecture and Relay, you can now create powerful and feature-complete applications from just one code base! This book is split into three parts. The first part shows you how to start crafting composable UIs using React, from rendering with JSX and creating reusable components through to routing and creating isomorphic applications that run on Node. We then move on to showing you how to take the concepts of React and apply them to building Native UIs using React Native. You'll find out how to build responsive and streamlined UIs that can properly handle user interactions in a mobile environment. You'll also learn how to access device-specific APIs such as the geolocation API, and how to handle offline development with React Native. Finally, we'll tie all of these skills together and shows you how you can create React applications that run on every major platform. As well as understanding application state in depth, you'll learn how to leverage Relay to make feature-complete, data-driven web and native mobile applications. Style and approach Split into three major sections to help organize your learning, t... | ||
505 | 0 | |a Cover -- Copyright -- Credits -- About the Author -- About the Reviewer -- www.PacktPub.com -- Customer Feedback -- Table of Contents -- Preface -- Chapter 1: Why React? -- What is React? -- React is just the view -- Simplicity is good -- Declarative UI structure -- Time and data -- Performance matters -- The right level of abstraction -- Summary -- Chapter 2: Rendering with JSX -- What is JSX? -- Hello JSX -- Declarative UI structure -- Just like HTML -- Built-in HTML tags -- HTML tag conventions -- Describing UI structures -- Creating your own JSX elements -- Encapsulating HTML -- Nested elements -- Namespaced components -- Using JavaScript expressions -- Dynamic property values and text -- Mapping collections to elements -- Summary -- Chapter 3: Understanding Properties and State -- What is component state? -- What are component properties? -- Setting component state -- Initial component state -- Setting component state -- Merging component state -- Passing property values -- Default property values -- Setting property values -- Stateless components -- Pure functional components -- Defaults in functional components -- Container components -- Summary -- Chapter 4: Event Handling -- The React Way -- Declaring event handlers -- Declaring handler functions -- Multiple event handlers -- Importing generic handlers -- Event handler context and parameters -- Auto-binding context -- Getting component data -- Inline event handlers -- Binding handlers to elements -- Synthetic event objects -- Event pooling -- Summary -- Chapter 5: Crafting Reusable Components -- Reusable HTML elements -- The difficulty with monolithic components -- The JSX markup -- Initial state and state helpers -- Event handler implementation -- Refactoring component structures -- Start with the JSX -- Implementing an article list component -- Implementing an article item component. | |
505 | 8 | |a Implementing an add article component -- Making components functional -- Rendering component trees -- Feature components and utility components -- Summary -- Chapter 6: The React Component Lifecycle -- Why components need a lifecycle -- Initializing properties and state -- Fetching component data -- Initializing state with properties -- Updating state with properties -- Optimize rendering efficiency -- To render or not to render -- Using metadata to optimize rendering -- Rendering imperative components -- Rendering jQuery UI widgets -- Cleaning up after components -- Cleaning up asynchronous calls -- Summary -- Chapter 7: Validating Component Properties -- Knowing what to expect -- Promoting portable components -- Simple property validators -- Basic type validation -- Requiring values -- Any property value -- Type and value validators -- Things that can be rendered -- Requiring specific types -- Requiring specific values -- Writing custom property validators -- Summary -- Chapter 8: Extending Components -- Component inheritance -- Inheriting state -- Inheriting properties -- Inheriting JSX and event handlers -- Composition with higher-order components -- Conditional component rendering -- Providing data sources -- Summary -- Chapter 9: Handling Navigation with Routes -- Declaring routes -- Hello route -- Decoupling route declarations -- Parent and child routes -- Handling route parameters -- Resource IDs in routes -- Optional parameters -- Using link components -- Basic linking -- URL and query parameters -- Lazy routing -- Summary -- Chapter 10: Server-Side React Components -- What is isomorphic JavaScript? -- The server is a render target -- Initial load performance -- Sharing code between the backend and frontend -- Rendering to strings -- Backend routing -- Frontend reconciliation -- Fetching data -- Summary. | |
505 | 8 | |a Chapter 11: Mobile-First React Components -- The rationale behind mobile-first design -- Using react-bootstrap components -- Implementing navigation -- Lists -- Forms -- Summary -- Chapter 12: Why React Native? -- What is React Native? -- React and JSX are familiar -- The mobile browser experience -- Android and iOS, different yet the same -- The case for mobile web apps -- Summary -- Chapter 13: Kickstarting React Native Projects -- Using the React Native command-line tool -- iOS and Android simulators -- Xcode -- Genymotion -- Running the project -- Running iOS apps -- Running Android apps -- Summary -- Chapter 14: Building Responsive Layouts with Flexbox -- Flexbox is the new layout standard -- Introducing React Native styles -- Building flexbox layouts -- Simple three column layout -- Improved three column layout -- Flexible rows -- Flexible grids -- Flexible rows and columns -- Summary -- Chapter 15: Navigating Between Screens -- Screen organization -- Navigators, scenes, routes, and stacks -- Responding to routes -- Navigation bar -- Dynamic scenes -- Jumping back and forth -- Summary -- Chapter 16: Rendering Item Lists -- Rendering data collections -- Sorting and filtering lists -- Fetching list data -- Lazy list loading -- Summary -- Chapter 17: Showing Progress -- Progress and usability -- Indicating progress -- Measuring progress -- Navigation indicators -- Step progress -- Summary -- Chapter 18: Geolocation and Maps -- Where am I? -- What's around me? -- Annotating points of interest -- Plotting points -- Plotting overlays -- Summary -- Chapter 19: Collecting User Input -- Collecting text input -- Selecting from a list of options -- Toggling between off and on -- Collecting date/time input -- Summary -- Chapter 20: Alerts, Notifications, and Confirmation -- Important information -- Getting user confirmation -- Success confirmation. | |
505 | 8 | |a Error confirmation -- Passive notifications -- Activity modals -- Summary -- Chapter 21: Responding to User Gestures -- Scrolling with our fingers -- Giving touch feedback -- Swipeable and cancellable -- Summary -- Chapter 22: Controlling Image Display -- Loading images -- Resizing images -- Lazy image loading -- Rendering icons -- Summary -- Chapter 23: Going Offline -- Detecting the state of the network -- Storing application data -- Synchronizing application data -- Summary -- Chapter 24: Handling Application State -- Information architecture and Flux -- Unidirectionality -- Synchronous update rounds -- Predictable state transformations -- Unified information architecture -- Implementing Redux -- Initial application state -- Creating the store -- Store provider and routes -- The App component -- The Home component -- State in mobile apps -- Scaling the architecture -- Summary -- Chapter 25: Why Relay and GraphQL? -- Yet another approach? -- Verbose vernacular -- Declarative data dependencies -- Mutating application state -- The GraphQL backend and microservices -- Summary -- Chapter 26: Building a Relay React App -- TodoMVC and Relay -- The GraphQL schema -- Bootstrapping Relay -- Adding todo items -- Rendering todo items -- Completing todo items -- Summary -- Index. | |
630 | 0 | 0 | |a Android (Electronic resource) |0 http://id.loc.gov/authorities/names/n2009043077 |
630 | 0 | 0 | |a iOS (Electronic resource) |0 http://id.loc.gov/authorities/names/n2010039603 |
630 | 0 | 7 | |a Android (Electronic resource) |2 fast |
630 | 0 | 7 | |a iOS (Electronic resource) |2 fast |
650 | 0 | |a Application software |x Development. |0 http://id.loc.gov/authorities/subjects/sh95009362 | |
650 | 0 | |a Mobile apps |x Development. | |
650 | 0 | |a JavaScript (Computer program language) |0 http://id.loc.gov/authorities/subjects/sh96004880 | |
650 | 0 | |a Web site development. |0 http://id.loc.gov/authorities/subjects/sh98004795 | |
650 | 0 | |a Web sites |x Design. |0 http://id.loc.gov/authorities/subjects/sh98000035 | |
650 | 6 | |a Logiciels d'application |x Développement. | |
650 | 6 | |a Applications mobiles |x Développement. | |
650 | 6 | |a JavaScript (Langage de programmation) | |
650 | 6 | |a Sites Web |x Développement. | |
650 | 6 | |a Sites Web |x Conception. | |
650 | 7 | |a COMPUTERS / Computer Literacy |2 bisacsh | |
650 | 7 | |a COMPUTERS / Computer Science |2 bisacsh | |
650 | 7 | |a COMPUTERS / Data Processing |2 bisacsh | |
650 | 7 | |a COMPUTERS / Hardware / General |2 bisacsh | |
650 | 7 | |a COMPUTERS / Information Technology |2 bisacsh | |
650 | 7 | |a COMPUTERS / Machine Theory |2 bisacsh | |
650 | 7 | |a COMPUTERS / Reference |2 bisacsh | |
650 | 7 | |a Application software |x Development |2 fast | |
650 | 7 | |a JavaScript (Computer program language) |2 fast | |
650 | 7 | |a Web site development |2 fast | |
650 | 7 | |a Web sites |x Design |2 fast | |
758 | |i has work: |a React and React Native (Text) |1 https://id.oclc.org/worldcat/entity/E39PCGyckcg8bK8YCtqMm3kdgq |4 https://id.oclc.org/worldcat/ontology/hasWork | ||
856 | 4 | 0 | |l FWS01 |p ZDB-4-EBA |q FWS_PDA_EBA |u https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1484974 |3 Volltext |
938 | |a YBP Library Services |b YANK |n 13670281 | ||
938 | |a Askews and Holts Library Services |b ASKH |n AH31954888 | ||
938 | |a ProQuest MyiLibrary Digital eBook Collection |b IDEB |n cis36498463 | ||
938 | |a EBSCOhost |b EBSC |n 1484974 | ||
994 | |a 92 |b GEBAY | ||
912 | |a ZDB-4-EBA | ||
049 | |a DE-863 |
Datensatz im Suchindex
DE-BY-FWS_katkey | ZDB-4-EBA-ocn981256506 |
---|---|
_version_ | 1816882384835969025 |
adam_text | |
any_adam_object | |
author | Boduch, Adam |
author_GND | http://id.loc.gov/authorities/names/no2016019897 |
author_facet | Boduch, Adam |
author_role | aut |
author_sort | Boduch, Adam |
author_variant | a b ab |
building | Verbundindex |
bvnumber | localFWS |
callnumber-first | Q - Science |
callnumber-label | QA76 |
callnumber-raw | QA76.76.A65 |
callnumber-search | QA76.76.A65 |
callnumber-sort | QA 276.76 A65 |
callnumber-subject | QA - Mathematics |
collection | ZDB-4-EBA |
contents | Cover -- Copyright -- Credits -- About the Author -- About the Reviewer -- www.PacktPub.com -- Customer Feedback -- Table of Contents -- Preface -- Chapter 1: Why React? -- What is React? -- React is just the view -- Simplicity is good -- Declarative UI structure -- Time and data -- Performance matters -- The right level of abstraction -- Summary -- Chapter 2: Rendering with JSX -- What is JSX? -- Hello JSX -- Declarative UI structure -- Just like HTML -- Built-in HTML tags -- HTML tag conventions -- Describing UI structures -- Creating your own JSX elements -- Encapsulating HTML -- Nested elements -- Namespaced components -- Using JavaScript expressions -- Dynamic property values and text -- Mapping collections to elements -- Summary -- Chapter 3: Understanding Properties and State -- What is component state? -- What are component properties? -- Setting component state -- Initial component state -- Setting component state -- Merging component state -- Passing property values -- Default property values -- Setting property values -- Stateless components -- Pure functional components -- Defaults in functional components -- Container components -- Summary -- Chapter 4: Event Handling -- The React Way -- Declaring event handlers -- Declaring handler functions -- Multiple event handlers -- Importing generic handlers -- Event handler context and parameters -- Auto-binding context -- Getting component data -- Inline event handlers -- Binding handlers to elements -- Synthetic event objects -- Event pooling -- Summary -- Chapter 5: Crafting Reusable Components -- Reusable HTML elements -- The difficulty with monolithic components -- The JSX markup -- Initial state and state helpers -- Event handler implementation -- Refactoring component structures -- Start with the JSX -- Implementing an article list component -- Implementing an article item component. Implementing an add article component -- Making components functional -- Rendering component trees -- Feature components and utility components -- Summary -- Chapter 6: The React Component Lifecycle -- Why components need a lifecycle -- Initializing properties and state -- Fetching component data -- Initializing state with properties -- Updating state with properties -- Optimize rendering efficiency -- To render or not to render -- Using metadata to optimize rendering -- Rendering imperative components -- Rendering jQuery UI widgets -- Cleaning up after components -- Cleaning up asynchronous calls -- Summary -- Chapter 7: Validating Component Properties -- Knowing what to expect -- Promoting portable components -- Simple property validators -- Basic type validation -- Requiring values -- Any property value -- Type and value validators -- Things that can be rendered -- Requiring specific types -- Requiring specific values -- Writing custom property validators -- Summary -- Chapter 8: Extending Components -- Component inheritance -- Inheriting state -- Inheriting properties -- Inheriting JSX and event handlers -- Composition with higher-order components -- Conditional component rendering -- Providing data sources -- Summary -- Chapter 9: Handling Navigation with Routes -- Declaring routes -- Hello route -- Decoupling route declarations -- Parent and child routes -- Handling route parameters -- Resource IDs in routes -- Optional parameters -- Using link components -- Basic linking -- URL and query parameters -- Lazy routing -- Summary -- Chapter 10: Server-Side React Components -- What is isomorphic JavaScript? -- The server is a render target -- Initial load performance -- Sharing code between the backend and frontend -- Rendering to strings -- Backend routing -- Frontend reconciliation -- Fetching data -- Summary. Chapter 11: Mobile-First React Components -- The rationale behind mobile-first design -- Using react-bootstrap components -- Implementing navigation -- Lists -- Forms -- Summary -- Chapter 12: Why React Native? -- What is React Native? -- React and JSX are familiar -- The mobile browser experience -- Android and iOS, different yet the same -- The case for mobile web apps -- Summary -- Chapter 13: Kickstarting React Native Projects -- Using the React Native command-line tool -- iOS and Android simulators -- Xcode -- Genymotion -- Running the project -- Running iOS apps -- Running Android apps -- Summary -- Chapter 14: Building Responsive Layouts with Flexbox -- Flexbox is the new layout standard -- Introducing React Native styles -- Building flexbox layouts -- Simple three column layout -- Improved three column layout -- Flexible rows -- Flexible grids -- Flexible rows and columns -- Summary -- Chapter 15: Navigating Between Screens -- Screen organization -- Navigators, scenes, routes, and stacks -- Responding to routes -- Navigation bar -- Dynamic scenes -- Jumping back and forth -- Summary -- Chapter 16: Rendering Item Lists -- Rendering data collections -- Sorting and filtering lists -- Fetching list data -- Lazy list loading -- Summary -- Chapter 17: Showing Progress -- Progress and usability -- Indicating progress -- Measuring progress -- Navigation indicators -- Step progress -- Summary -- Chapter 18: Geolocation and Maps -- Where am I? -- What's around me? -- Annotating points of interest -- Plotting points -- Plotting overlays -- Summary -- Chapter 19: Collecting User Input -- Collecting text input -- Selecting from a list of options -- Toggling between off and on -- Collecting date/time input -- Summary -- Chapter 20: Alerts, Notifications, and Confirmation -- Important information -- Getting user confirmation -- Success confirmation. Error confirmation -- Passive notifications -- Activity modals -- Summary -- Chapter 21: Responding to User Gestures -- Scrolling with our fingers -- Giving touch feedback -- Swipeable and cancellable -- Summary -- Chapter 22: Controlling Image Display -- Loading images -- Resizing images -- Lazy image loading -- Rendering icons -- Summary -- Chapter 23: Going Offline -- Detecting the state of the network -- Storing application data -- Synchronizing application data -- Summary -- Chapter 24: Handling Application State -- Information architecture and Flux -- Unidirectionality -- Synchronous update rounds -- Predictable state transformations -- Unified information architecture -- Implementing Redux -- Initial application state -- Creating the store -- Store provider and routes -- The App component -- The Home component -- State in mobile apps -- Scaling the architecture -- Summary -- Chapter 25: Why Relay and GraphQL? -- Yet another approach? -- Verbose vernacular -- Declarative data dependencies -- Mutating application state -- The GraphQL backend and microservices -- Summary -- Chapter 26: Building a Relay React App -- TodoMVC and Relay -- The GraphQL schema -- Bootstrapping Relay -- Adding todo items -- Rendering todo items -- Completing todo items -- Summary -- Index. |
ctrlnum | (OCoLC)981256506 |
dewey-full | 004 |
dewey-hundreds | 000 - Computer science, information, general works |
dewey-ones | 004 - Computer science |
dewey-raw | 004 |
dewey-search | 004 |
dewey-sort | 14 |
dewey-tens | 000 - Computer science, information, general works |
discipline | Informatik |
format | Electronic eBook |
fullrecord | <?xml version="1.0" encoding="UTF-8"?><collection xmlns="http://www.loc.gov/MARC21/slim"><record><leader>13140cam a2200853 i 4500</leader><controlfield tag="001">ZDB-4-EBA-ocn981256506</controlfield><controlfield tag="003">OCoLC</controlfield><controlfield tag="005">20241004212047.0</controlfield><controlfield tag="006">m o d </controlfield><controlfield tag="007">cr unu||||||||</controlfield><controlfield tag="008">170404s2017 enka o 000 0 eng d</controlfield><datafield tag="040" ind1=" " ind2=" "><subfield code="a">UMI</subfield><subfield code="b">eng</subfield><subfield code="e">rda</subfield><subfield code="e">pn</subfield><subfield code="c">UMI</subfield><subfield code="d">IDEBK</subfield><subfield code="d">STF</subfield><subfield code="d">TOH</subfield><subfield code="d">VT2</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">N$T</subfield><subfield code="d">OCLCO</subfield><subfield code="d">OCLCF</subfield><subfield code="d">UOK</subfield><subfield code="d">CEF</subfield><subfield code="d">KSU</subfield><subfield code="d">DEBBG</subfield><subfield code="d">UKMGB</subfield><subfield code="d">WYU</subfield><subfield code="d">UAB</subfield><subfield code="d">UKAHL</subfield><subfield code="d">YDX</subfield><subfield code="d">QGK</subfield><subfield code="d">OCLCO</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">OCLCO</subfield><subfield code="d">OCLCL</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">DXU</subfield></datafield><datafield tag="015" ind1=" " ind2=" "><subfield code="a">GBB779680</subfield><subfield code="2">bnb</subfield></datafield><datafield tag="016" ind1="7" ind2=" "><subfield code="a">018316652</subfield><subfield code="2">Uk</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9781786469571</subfield><subfield code="q">(electronic bk.)</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">178646957X</subfield><subfield code="q">(electronic bk.)</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="z">9781786465658</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(OCoLC)981256506</subfield></datafield><datafield tag="037" ind1=" " ind2=" "><subfield code="a">CL0500000844</subfield><subfield code="b">Safari Books Online</subfield></datafield><datafield tag="050" ind1=" " ind2="4"><subfield code="a">QA76.76.A65</subfield></datafield><datafield tag="072" ind1=" " ind2="7"><subfield code="a">COM</subfield><subfield code="x">013000</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="072" ind1=" " ind2="7"><subfield code="a">COM</subfield><subfield code="x">014000</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="072" ind1=" " ind2="7"><subfield code="a">COM</subfield><subfield code="x">018000</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="072" ind1=" " ind2="7"><subfield code="a">COM</subfield><subfield code="x">067000</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="072" ind1=" " ind2="7"><subfield code="a">COM</subfield><subfield code="x">032000</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="072" ind1=" " ind2="7"><subfield code="a">COM</subfield><subfield code="x">037000</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="072" ind1=" " ind2="7"><subfield code="a">COM</subfield><subfield code="x">052000</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="082" ind1="7" ind2=" "><subfield code="a">004</subfield><subfield code="2">23</subfield></datafield><datafield tag="049" ind1=" " ind2=" "><subfield code="a">MAIN</subfield></datafield><datafield tag="100" ind1="1" ind2=" "><subfield code="a">Boduch, Adam,</subfield><subfield code="e">author.</subfield><subfield code="0">http://id.loc.gov/authorities/names/no2016019897</subfield></datafield><datafield tag="245" ind1="1" ind2="0"><subfield code="a">React and React Native :</subfield><subfield code="b">use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps /</subfield><subfield code="c">Adam Boduch.</subfield></datafield><datafield tag="264" ind1=" " ind2="1"><subfield code="a">Birmingham, UK :</subfield><subfield code="b">Packt Publishing,</subfield><subfield code="c">2017.</subfield></datafield><datafield tag="300" ind1=" " ind2=" "><subfield code="a">1 online resource (1 volume) :</subfield><subfield code="b">illustrations</subfield></datafield><datafield tag="336" ind1=" " ind2=" "><subfield code="a">text</subfield><subfield code="b">txt</subfield><subfield code="2">rdacontent</subfield></datafield><datafield tag="337" ind1=" " ind2=" "><subfield code="a">computer</subfield><subfield code="b">c</subfield><subfield code="2">rdamedia</subfield></datafield><datafield tag="338" ind1=" " ind2=" "><subfield code="a">online resource</subfield><subfield code="b">cr</subfield><subfield code="2">rdacarrier</subfield></datafield><datafield tag="588" ind1=" " ind2=" "><subfield code="a">Description based on online resource; title from cover (Safari, viewed March 30, 2017).</subfield></datafield><datafield tag="520" ind1=" " ind2=" "><subfield code="a">Use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps About This Book Build React and React Native applications using familiar component concepts Dive deep into each platform, from routing in React to creating native mobile applications that can run offline Use Facebook's Relay, React and GraphQL technologies, to create a unified architecture that powers both web and native applications Who This Book Is For This book is written for any JavaScript developer--beginner or expert--who wants to start learning how to put both of Facebook's UI libraries to work. No knowledge of React is needed, though a working knowledge of ES2015 will help you follow along better. What You Will Learn Craft reusable React components Control navigation using the React Router to help keep your UI in sync with URLs Build isomorphic web applications using Node.js Use the Flexbox layout model to create responsive mobile designs Leverage the native APIs of Android and iOS to build engaging applications with React Native Respond to gestures in a way that's intuitive for the user Use Relay to build a unified data architecture for your React UIs In Detail React and React Native allow you to build cross-platform desktop and mobile applications using Facebook's innovative UI libraries. Combined with the Flux data architecture and Relay, you can now create powerful and feature-complete applications from just one code base! This book is split into three parts. The first part shows you how to start crafting composable UIs using React, from rendering with JSX and creating reusable components through to routing and creating isomorphic applications that run on Node. We then move on to showing you how to take the concepts of React and apply them to building Native UIs using React Native. You'll find out how to build responsive and streamlined UIs that can properly handle user interactions in a mobile environment. You'll also learn how to access device-specific APIs such as the geolocation API, and how to handle offline development with React Native. Finally, we'll tie all of these skills together and shows you how you can create React applications that run on every major platform. As well as understanding application state in depth, you'll learn how to leverage Relay to make feature-complete, data-driven web and native mobile applications. Style and approach Split into three major sections to help organize your learning, t...</subfield></datafield><datafield tag="505" ind1="0" ind2=" "><subfield code="a">Cover -- Copyright -- Credits -- About the Author -- About the Reviewer -- www.PacktPub.com -- Customer Feedback -- Table of Contents -- Preface -- Chapter 1: Why React? -- What is React? -- React is just the view -- Simplicity is good -- Declarative UI structure -- Time and data -- Performance matters -- The right level of abstraction -- Summary -- Chapter 2: Rendering with JSX -- What is JSX? -- Hello JSX -- Declarative UI structure -- Just like HTML -- Built-in HTML tags -- HTML tag conventions -- Describing UI structures -- Creating your own JSX elements -- Encapsulating HTML -- Nested elements -- Namespaced components -- Using JavaScript expressions -- Dynamic property values and text -- Mapping collections to elements -- Summary -- Chapter 3: Understanding Properties and State -- What is component state? -- What are component properties? -- Setting component state -- Initial component state -- Setting component state -- Merging component state -- Passing property values -- Default property values -- Setting property values -- Stateless components -- Pure functional components -- Defaults in functional components -- Container components -- Summary -- Chapter 4: Event Handling -- The React Way -- Declaring event handlers -- Declaring handler functions -- Multiple event handlers -- Importing generic handlers -- Event handler context and parameters -- Auto-binding context -- Getting component data -- Inline event handlers -- Binding handlers to elements -- Synthetic event objects -- Event pooling -- Summary -- Chapter 5: Crafting Reusable Components -- Reusable HTML elements -- The difficulty with monolithic components -- The JSX markup -- Initial state and state helpers -- Event handler implementation -- Refactoring component structures -- Start with the JSX -- Implementing an article list component -- Implementing an article item component.</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">Implementing an add article component -- Making components functional -- Rendering component trees -- Feature components and utility components -- Summary -- Chapter 6: The React Component Lifecycle -- Why components need a lifecycle -- Initializing properties and state -- Fetching component data -- Initializing state with properties -- Updating state with properties -- Optimize rendering efficiency -- To render or not to render -- Using metadata to optimize rendering -- Rendering imperative components -- Rendering jQuery UI widgets -- Cleaning up after components -- Cleaning up asynchronous calls -- Summary -- Chapter 7: Validating Component Properties -- Knowing what to expect -- Promoting portable components -- Simple property validators -- Basic type validation -- Requiring values -- Any property value -- Type and value validators -- Things that can be rendered -- Requiring specific types -- Requiring specific values -- Writing custom property validators -- Summary -- Chapter 8: Extending Components -- Component inheritance -- Inheriting state -- Inheriting properties -- Inheriting JSX and event handlers -- Composition with higher-order components -- Conditional component rendering -- Providing data sources -- Summary -- Chapter 9: Handling Navigation with Routes -- Declaring routes -- Hello route -- Decoupling route declarations -- Parent and child routes -- Handling route parameters -- Resource IDs in routes -- Optional parameters -- Using link components -- Basic linking -- URL and query parameters -- Lazy routing -- Summary -- Chapter 10: Server-Side React Components -- What is isomorphic JavaScript? -- The server is a render target -- Initial load performance -- Sharing code between the backend and frontend -- Rendering to strings -- Backend routing -- Frontend reconciliation -- Fetching data -- Summary.</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">Chapter 11: Mobile-First React Components -- The rationale behind mobile-first design -- Using react-bootstrap components -- Implementing navigation -- Lists -- Forms -- Summary -- Chapter 12: Why React Native? -- What is React Native? -- React and JSX are familiar -- The mobile browser experience -- Android and iOS, different yet the same -- The case for mobile web apps -- Summary -- Chapter 13: Kickstarting React Native Projects -- Using the React Native command-line tool -- iOS and Android simulators -- Xcode -- Genymotion -- Running the project -- Running iOS apps -- Running Android apps -- Summary -- Chapter 14: Building Responsive Layouts with Flexbox -- Flexbox is the new layout standard -- Introducing React Native styles -- Building flexbox layouts -- Simple three column layout -- Improved three column layout -- Flexible rows -- Flexible grids -- Flexible rows and columns -- Summary -- Chapter 15: Navigating Between Screens -- Screen organization -- Navigators, scenes, routes, and stacks -- Responding to routes -- Navigation bar -- Dynamic scenes -- Jumping back and forth -- Summary -- Chapter 16: Rendering Item Lists -- Rendering data collections -- Sorting and filtering lists -- Fetching list data -- Lazy list loading -- Summary -- Chapter 17: Showing Progress -- Progress and usability -- Indicating progress -- Measuring progress -- Navigation indicators -- Step progress -- Summary -- Chapter 18: Geolocation and Maps -- Where am I? -- What's around me? -- Annotating points of interest -- Plotting points -- Plotting overlays -- Summary -- Chapter 19: Collecting User Input -- Collecting text input -- Selecting from a list of options -- Toggling between off and on -- Collecting date/time input -- Summary -- Chapter 20: Alerts, Notifications, and Confirmation -- Important information -- Getting user confirmation -- Success confirmation.</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">Error confirmation -- Passive notifications -- Activity modals -- Summary -- Chapter 21: Responding to User Gestures -- Scrolling with our fingers -- Giving touch feedback -- Swipeable and cancellable -- Summary -- Chapter 22: Controlling Image Display -- Loading images -- Resizing images -- Lazy image loading -- Rendering icons -- Summary -- Chapter 23: Going Offline -- Detecting the state of the network -- Storing application data -- Synchronizing application data -- Summary -- Chapter 24: Handling Application State -- Information architecture and Flux -- Unidirectionality -- Synchronous update rounds -- Predictable state transformations -- Unified information architecture -- Implementing Redux -- Initial application state -- Creating the store -- Store provider and routes -- The App component -- The Home component -- State in mobile apps -- Scaling the architecture -- Summary -- Chapter 25: Why Relay and GraphQL? -- Yet another approach? -- Verbose vernacular -- Declarative data dependencies -- Mutating application state -- The GraphQL backend and microservices -- Summary -- Chapter 26: Building a Relay React App -- TodoMVC and Relay -- The GraphQL schema -- Bootstrapping Relay -- Adding todo items -- Rendering todo items -- Completing todo items -- Summary -- Index.</subfield></datafield><datafield tag="630" ind1="0" ind2="0"><subfield code="a">Android (Electronic resource)</subfield><subfield code="0">http://id.loc.gov/authorities/names/n2009043077</subfield></datafield><datafield tag="630" ind1="0" ind2="0"><subfield code="a">iOS (Electronic resource)</subfield><subfield code="0">http://id.loc.gov/authorities/names/n2010039603</subfield></datafield><datafield tag="630" ind1="0" ind2="7"><subfield code="a">Android (Electronic resource)</subfield><subfield code="2">fast</subfield></datafield><datafield tag="630" ind1="0" ind2="7"><subfield code="a">iOS (Electronic resource)</subfield><subfield code="2">fast</subfield></datafield><datafield tag="650" ind1=" " ind2="0"><subfield code="a">Application software</subfield><subfield code="x">Development.</subfield><subfield code="0">http://id.loc.gov/authorities/subjects/sh95009362</subfield></datafield><datafield tag="650" ind1=" " ind2="0"><subfield code="a">Mobile apps</subfield><subfield code="x">Development.</subfield></datafield><datafield tag="650" ind1=" " ind2="0"><subfield code="a">JavaScript (Computer program language)</subfield><subfield code="0">http://id.loc.gov/authorities/subjects/sh96004880</subfield></datafield><datafield tag="650" ind1=" " ind2="0"><subfield code="a">Web site development.</subfield><subfield code="0">http://id.loc.gov/authorities/subjects/sh98004795</subfield></datafield><datafield tag="650" ind1=" " ind2="0"><subfield code="a">Web sites</subfield><subfield code="x">Design.</subfield><subfield code="0">http://id.loc.gov/authorities/subjects/sh98000035</subfield></datafield><datafield tag="650" ind1=" " ind2="6"><subfield code="a">Logiciels d'application</subfield><subfield code="x">Développement.</subfield></datafield><datafield tag="650" ind1=" " ind2="6"><subfield code="a">Applications mobiles</subfield><subfield code="x">Développement.</subfield></datafield><datafield tag="650" ind1=" " ind2="6"><subfield code="a">JavaScript (Langage de programmation)</subfield></datafield><datafield tag="650" ind1=" " ind2="6"><subfield code="a">Sites Web</subfield><subfield code="x">Développement.</subfield></datafield><datafield tag="650" ind1=" " ind2="6"><subfield code="a">Sites Web</subfield><subfield code="x">Conception.</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">COMPUTERS / Computer Literacy</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">COMPUTERS / Computer Science</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">COMPUTERS / Data Processing</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">COMPUTERS / Hardware / General</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">COMPUTERS / Information Technology</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">COMPUTERS / Machine Theory</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">COMPUTERS / Reference</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">Application software</subfield><subfield code="x">Development</subfield><subfield code="2">fast</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">JavaScript (Computer program language)</subfield><subfield code="2">fast</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">Web site development</subfield><subfield code="2">fast</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">Web sites</subfield><subfield code="x">Design</subfield><subfield code="2">fast</subfield></datafield><datafield tag="758" ind1=" " ind2=" "><subfield code="i">has work:</subfield><subfield code="a">React and React Native (Text)</subfield><subfield code="1">https://id.oclc.org/worldcat/entity/E39PCGyckcg8bK8YCtqMm3kdgq</subfield><subfield code="4">https://id.oclc.org/worldcat/ontology/hasWork</subfield></datafield><datafield tag="856" ind1="4" ind2="0"><subfield code="l">FWS01</subfield><subfield code="p">ZDB-4-EBA</subfield><subfield code="q">FWS_PDA_EBA</subfield><subfield code="u">https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1484974</subfield><subfield code="3">Volltext</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">YBP Library Services</subfield><subfield code="b">YANK</subfield><subfield code="n">13670281</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">Askews and Holts Library Services</subfield><subfield code="b">ASKH</subfield><subfield code="n">AH31954888</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">ProQuest MyiLibrary Digital eBook Collection</subfield><subfield code="b">IDEB</subfield><subfield code="n">cis36498463</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">EBSCOhost</subfield><subfield code="b">EBSC</subfield><subfield code="n">1484974</subfield></datafield><datafield tag="994" ind1=" " ind2=" "><subfield code="a">92</subfield><subfield code="b">GEBAY</subfield></datafield><datafield tag="912" ind1=" " ind2=" "><subfield code="a">ZDB-4-EBA</subfield></datafield><datafield tag="049" ind1=" " ind2=" "><subfield code="a">DE-863</subfield></datafield></record></collection> |
id | ZDB-4-EBA-ocn981256506 |
illustrated | Illustrated |
indexdate | 2024-11-27T13:27:46Z |
institution | BVB |
isbn | 9781786469571 178646957X |
language | English |
oclc_num | 981256506 |
open_access_boolean | |
owner | MAIN DE-863 DE-BY-FWS |
owner_facet | MAIN DE-863 DE-BY-FWS |
physical | 1 online resource (1 volume) : illustrations |
psigel | ZDB-4-EBA |
publishDate | 2017 |
publishDateSearch | 2017 |
publishDateSort | 2017 |
publisher | Packt Publishing, |
record_format | marc |
spelling | Boduch, Adam, author. http://id.loc.gov/authorities/names/no2016019897 React and React Native : use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps / Adam Boduch. Birmingham, UK : Packt Publishing, 2017. 1 online resource (1 volume) : illustrations text txt rdacontent computer c rdamedia online resource cr rdacarrier Description based on online resource; title from cover (Safari, viewed March 30, 2017). Use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps About This Book Build React and React Native applications using familiar component concepts Dive deep into each platform, from routing in React to creating native mobile applications that can run offline Use Facebook's Relay, React and GraphQL technologies, to create a unified architecture that powers both web and native applications Who This Book Is For This book is written for any JavaScript developer--beginner or expert--who wants to start learning how to put both of Facebook's UI libraries to work. No knowledge of React is needed, though a working knowledge of ES2015 will help you follow along better. What You Will Learn Craft reusable React components Control navigation using the React Router to help keep your UI in sync with URLs Build isomorphic web applications using Node.js Use the Flexbox layout model to create responsive mobile designs Leverage the native APIs of Android and iOS to build engaging applications with React Native Respond to gestures in a way that's intuitive for the user Use Relay to build a unified data architecture for your React UIs In Detail React and React Native allow you to build cross-platform desktop and mobile applications using Facebook's innovative UI libraries. Combined with the Flux data architecture and Relay, you can now create powerful and feature-complete applications from just one code base! This book is split into three parts. The first part shows you how to start crafting composable UIs using React, from rendering with JSX and creating reusable components through to routing and creating isomorphic applications that run on Node. We then move on to showing you how to take the concepts of React and apply them to building Native UIs using React Native. You'll find out how to build responsive and streamlined UIs that can properly handle user interactions in a mobile environment. You'll also learn how to access device-specific APIs such as the geolocation API, and how to handle offline development with React Native. Finally, we'll tie all of these skills together and shows you how you can create React applications that run on every major platform. As well as understanding application state in depth, you'll learn how to leverage Relay to make feature-complete, data-driven web and native mobile applications. Style and approach Split into three major sections to help organize your learning, t... Cover -- Copyright -- Credits -- About the Author -- About the Reviewer -- www.PacktPub.com -- Customer Feedback -- Table of Contents -- Preface -- Chapter 1: Why React? -- What is React? -- React is just the view -- Simplicity is good -- Declarative UI structure -- Time and data -- Performance matters -- The right level of abstraction -- Summary -- Chapter 2: Rendering with JSX -- What is JSX? -- Hello JSX -- Declarative UI structure -- Just like HTML -- Built-in HTML tags -- HTML tag conventions -- Describing UI structures -- Creating your own JSX elements -- Encapsulating HTML -- Nested elements -- Namespaced components -- Using JavaScript expressions -- Dynamic property values and text -- Mapping collections to elements -- Summary -- Chapter 3: Understanding Properties and State -- What is component state? -- What are component properties? -- Setting component state -- Initial component state -- Setting component state -- Merging component state -- Passing property values -- Default property values -- Setting property values -- Stateless components -- Pure functional components -- Defaults in functional components -- Container components -- Summary -- Chapter 4: Event Handling -- The React Way -- Declaring event handlers -- Declaring handler functions -- Multiple event handlers -- Importing generic handlers -- Event handler context and parameters -- Auto-binding context -- Getting component data -- Inline event handlers -- Binding handlers to elements -- Synthetic event objects -- Event pooling -- Summary -- Chapter 5: Crafting Reusable Components -- Reusable HTML elements -- The difficulty with monolithic components -- The JSX markup -- Initial state and state helpers -- Event handler implementation -- Refactoring component structures -- Start with the JSX -- Implementing an article list component -- Implementing an article item component. Implementing an add article component -- Making components functional -- Rendering component trees -- Feature components and utility components -- Summary -- Chapter 6: The React Component Lifecycle -- Why components need a lifecycle -- Initializing properties and state -- Fetching component data -- Initializing state with properties -- Updating state with properties -- Optimize rendering efficiency -- To render or not to render -- Using metadata to optimize rendering -- Rendering imperative components -- Rendering jQuery UI widgets -- Cleaning up after components -- Cleaning up asynchronous calls -- Summary -- Chapter 7: Validating Component Properties -- Knowing what to expect -- Promoting portable components -- Simple property validators -- Basic type validation -- Requiring values -- Any property value -- Type and value validators -- Things that can be rendered -- Requiring specific types -- Requiring specific values -- Writing custom property validators -- Summary -- Chapter 8: Extending Components -- Component inheritance -- Inheriting state -- Inheriting properties -- Inheriting JSX and event handlers -- Composition with higher-order components -- Conditional component rendering -- Providing data sources -- Summary -- Chapter 9: Handling Navigation with Routes -- Declaring routes -- Hello route -- Decoupling route declarations -- Parent and child routes -- Handling route parameters -- Resource IDs in routes -- Optional parameters -- Using link components -- Basic linking -- URL and query parameters -- Lazy routing -- Summary -- Chapter 10: Server-Side React Components -- What is isomorphic JavaScript? -- The server is a render target -- Initial load performance -- Sharing code between the backend and frontend -- Rendering to strings -- Backend routing -- Frontend reconciliation -- Fetching data -- Summary. Chapter 11: Mobile-First React Components -- The rationale behind mobile-first design -- Using react-bootstrap components -- Implementing navigation -- Lists -- Forms -- Summary -- Chapter 12: Why React Native? -- What is React Native? -- React and JSX are familiar -- The mobile browser experience -- Android and iOS, different yet the same -- The case for mobile web apps -- Summary -- Chapter 13: Kickstarting React Native Projects -- Using the React Native command-line tool -- iOS and Android simulators -- Xcode -- Genymotion -- Running the project -- Running iOS apps -- Running Android apps -- Summary -- Chapter 14: Building Responsive Layouts with Flexbox -- Flexbox is the new layout standard -- Introducing React Native styles -- Building flexbox layouts -- Simple three column layout -- Improved three column layout -- Flexible rows -- Flexible grids -- Flexible rows and columns -- Summary -- Chapter 15: Navigating Between Screens -- Screen organization -- Navigators, scenes, routes, and stacks -- Responding to routes -- Navigation bar -- Dynamic scenes -- Jumping back and forth -- Summary -- Chapter 16: Rendering Item Lists -- Rendering data collections -- Sorting and filtering lists -- Fetching list data -- Lazy list loading -- Summary -- Chapter 17: Showing Progress -- Progress and usability -- Indicating progress -- Measuring progress -- Navigation indicators -- Step progress -- Summary -- Chapter 18: Geolocation and Maps -- Where am I? -- What's around me? -- Annotating points of interest -- Plotting points -- Plotting overlays -- Summary -- Chapter 19: Collecting User Input -- Collecting text input -- Selecting from a list of options -- Toggling between off and on -- Collecting date/time input -- Summary -- Chapter 20: Alerts, Notifications, and Confirmation -- Important information -- Getting user confirmation -- Success confirmation. Error confirmation -- Passive notifications -- Activity modals -- Summary -- Chapter 21: Responding to User Gestures -- Scrolling with our fingers -- Giving touch feedback -- Swipeable and cancellable -- Summary -- Chapter 22: Controlling Image Display -- Loading images -- Resizing images -- Lazy image loading -- Rendering icons -- Summary -- Chapter 23: Going Offline -- Detecting the state of the network -- Storing application data -- Synchronizing application data -- Summary -- Chapter 24: Handling Application State -- Information architecture and Flux -- Unidirectionality -- Synchronous update rounds -- Predictable state transformations -- Unified information architecture -- Implementing Redux -- Initial application state -- Creating the store -- Store provider and routes -- The App component -- The Home component -- State in mobile apps -- Scaling the architecture -- Summary -- Chapter 25: Why Relay and GraphQL? -- Yet another approach? -- Verbose vernacular -- Declarative data dependencies -- Mutating application state -- The GraphQL backend and microservices -- Summary -- Chapter 26: Building a Relay React App -- TodoMVC and Relay -- The GraphQL schema -- Bootstrapping Relay -- Adding todo items -- Rendering todo items -- Completing todo items -- Summary -- Index. Android (Electronic resource) http://id.loc.gov/authorities/names/n2009043077 iOS (Electronic resource) http://id.loc.gov/authorities/names/n2010039603 Android (Electronic resource) fast iOS (Electronic resource) fast Application software Development. http://id.loc.gov/authorities/subjects/sh95009362 Mobile apps Development. JavaScript (Computer program language) http://id.loc.gov/authorities/subjects/sh96004880 Web site development. http://id.loc.gov/authorities/subjects/sh98004795 Web sites Design. http://id.loc.gov/authorities/subjects/sh98000035 Logiciels d'application Développement. Applications mobiles Développement. JavaScript (Langage de programmation) Sites Web Développement. Sites Web Conception. COMPUTERS / Computer Literacy bisacsh COMPUTERS / Computer Science bisacsh COMPUTERS / Data Processing bisacsh COMPUTERS / Hardware / General bisacsh COMPUTERS / Information Technology bisacsh COMPUTERS / Machine Theory bisacsh COMPUTERS / Reference bisacsh Application software Development fast JavaScript (Computer program language) fast Web site development fast Web sites Design fast has work: React and React Native (Text) https://id.oclc.org/worldcat/entity/E39PCGyckcg8bK8YCtqMm3kdgq https://id.oclc.org/worldcat/ontology/hasWork FWS01 ZDB-4-EBA FWS_PDA_EBA https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1484974 Volltext |
spellingShingle | Boduch, Adam React and React Native : use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps / Cover -- Copyright -- Credits -- About the Author -- About the Reviewer -- www.PacktPub.com -- Customer Feedback -- Table of Contents -- Preface -- Chapter 1: Why React? -- What is React? -- React is just the view -- Simplicity is good -- Declarative UI structure -- Time and data -- Performance matters -- The right level of abstraction -- Summary -- Chapter 2: Rendering with JSX -- What is JSX? -- Hello JSX -- Declarative UI structure -- Just like HTML -- Built-in HTML tags -- HTML tag conventions -- Describing UI structures -- Creating your own JSX elements -- Encapsulating HTML -- Nested elements -- Namespaced components -- Using JavaScript expressions -- Dynamic property values and text -- Mapping collections to elements -- Summary -- Chapter 3: Understanding Properties and State -- What is component state? -- What are component properties? -- Setting component state -- Initial component state -- Setting component state -- Merging component state -- Passing property values -- Default property values -- Setting property values -- Stateless components -- Pure functional components -- Defaults in functional components -- Container components -- Summary -- Chapter 4: Event Handling -- The React Way -- Declaring event handlers -- Declaring handler functions -- Multiple event handlers -- Importing generic handlers -- Event handler context and parameters -- Auto-binding context -- Getting component data -- Inline event handlers -- Binding handlers to elements -- Synthetic event objects -- Event pooling -- Summary -- Chapter 5: Crafting Reusable Components -- Reusable HTML elements -- The difficulty with monolithic components -- The JSX markup -- Initial state and state helpers -- Event handler implementation -- Refactoring component structures -- Start with the JSX -- Implementing an article list component -- Implementing an article item component. Implementing an add article component -- Making components functional -- Rendering component trees -- Feature components and utility components -- Summary -- Chapter 6: The React Component Lifecycle -- Why components need a lifecycle -- Initializing properties and state -- Fetching component data -- Initializing state with properties -- Updating state with properties -- Optimize rendering efficiency -- To render or not to render -- Using metadata to optimize rendering -- Rendering imperative components -- Rendering jQuery UI widgets -- Cleaning up after components -- Cleaning up asynchronous calls -- Summary -- Chapter 7: Validating Component Properties -- Knowing what to expect -- Promoting portable components -- Simple property validators -- Basic type validation -- Requiring values -- Any property value -- Type and value validators -- Things that can be rendered -- Requiring specific types -- Requiring specific values -- Writing custom property validators -- Summary -- Chapter 8: Extending Components -- Component inheritance -- Inheriting state -- Inheriting properties -- Inheriting JSX and event handlers -- Composition with higher-order components -- Conditional component rendering -- Providing data sources -- Summary -- Chapter 9: Handling Navigation with Routes -- Declaring routes -- Hello route -- Decoupling route declarations -- Parent and child routes -- Handling route parameters -- Resource IDs in routes -- Optional parameters -- Using link components -- Basic linking -- URL and query parameters -- Lazy routing -- Summary -- Chapter 10: Server-Side React Components -- What is isomorphic JavaScript? -- The server is a render target -- Initial load performance -- Sharing code between the backend and frontend -- Rendering to strings -- Backend routing -- Frontend reconciliation -- Fetching data -- Summary. Chapter 11: Mobile-First React Components -- The rationale behind mobile-first design -- Using react-bootstrap components -- Implementing navigation -- Lists -- Forms -- Summary -- Chapter 12: Why React Native? -- What is React Native? -- React and JSX are familiar -- The mobile browser experience -- Android and iOS, different yet the same -- The case for mobile web apps -- Summary -- Chapter 13: Kickstarting React Native Projects -- Using the React Native command-line tool -- iOS and Android simulators -- Xcode -- Genymotion -- Running the project -- Running iOS apps -- Running Android apps -- Summary -- Chapter 14: Building Responsive Layouts with Flexbox -- Flexbox is the new layout standard -- Introducing React Native styles -- Building flexbox layouts -- Simple three column layout -- Improved three column layout -- Flexible rows -- Flexible grids -- Flexible rows and columns -- Summary -- Chapter 15: Navigating Between Screens -- Screen organization -- Navigators, scenes, routes, and stacks -- Responding to routes -- Navigation bar -- Dynamic scenes -- Jumping back and forth -- Summary -- Chapter 16: Rendering Item Lists -- Rendering data collections -- Sorting and filtering lists -- Fetching list data -- Lazy list loading -- Summary -- Chapter 17: Showing Progress -- Progress and usability -- Indicating progress -- Measuring progress -- Navigation indicators -- Step progress -- Summary -- Chapter 18: Geolocation and Maps -- Where am I? -- What's around me? -- Annotating points of interest -- Plotting points -- Plotting overlays -- Summary -- Chapter 19: Collecting User Input -- Collecting text input -- Selecting from a list of options -- Toggling between off and on -- Collecting date/time input -- Summary -- Chapter 20: Alerts, Notifications, and Confirmation -- Important information -- Getting user confirmation -- Success confirmation. Error confirmation -- Passive notifications -- Activity modals -- Summary -- Chapter 21: Responding to User Gestures -- Scrolling with our fingers -- Giving touch feedback -- Swipeable and cancellable -- Summary -- Chapter 22: Controlling Image Display -- Loading images -- Resizing images -- Lazy image loading -- Rendering icons -- Summary -- Chapter 23: Going Offline -- Detecting the state of the network -- Storing application data -- Synchronizing application data -- Summary -- Chapter 24: Handling Application State -- Information architecture and Flux -- Unidirectionality -- Synchronous update rounds -- Predictable state transformations -- Unified information architecture -- Implementing Redux -- Initial application state -- Creating the store -- Store provider and routes -- The App component -- The Home component -- State in mobile apps -- Scaling the architecture -- Summary -- Chapter 25: Why Relay and GraphQL? -- Yet another approach? -- Verbose vernacular -- Declarative data dependencies -- Mutating application state -- The GraphQL backend and microservices -- Summary -- Chapter 26: Building a Relay React App -- TodoMVC and Relay -- The GraphQL schema -- Bootstrapping Relay -- Adding todo items -- Rendering todo items -- Completing todo items -- Summary -- Index. Android (Electronic resource) http://id.loc.gov/authorities/names/n2009043077 iOS (Electronic resource) http://id.loc.gov/authorities/names/n2010039603 Android (Electronic resource) fast iOS (Electronic resource) fast Application software Development. http://id.loc.gov/authorities/subjects/sh95009362 Mobile apps Development. JavaScript (Computer program language) http://id.loc.gov/authorities/subjects/sh96004880 Web site development. http://id.loc.gov/authorities/subjects/sh98004795 Web sites Design. http://id.loc.gov/authorities/subjects/sh98000035 Logiciels d'application Développement. Applications mobiles Développement. JavaScript (Langage de programmation) Sites Web Développement. Sites Web Conception. COMPUTERS / Computer Literacy bisacsh COMPUTERS / Computer Science bisacsh COMPUTERS / Data Processing bisacsh COMPUTERS / Hardware / General bisacsh COMPUTERS / Information Technology bisacsh COMPUTERS / Machine Theory bisacsh COMPUTERS / Reference bisacsh Application software Development fast JavaScript (Computer program language) fast Web site development fast Web sites Design fast |
subject_GND | http://id.loc.gov/authorities/names/n2009043077 http://id.loc.gov/authorities/names/n2010039603 http://id.loc.gov/authorities/subjects/sh95009362 http://id.loc.gov/authorities/subjects/sh96004880 http://id.loc.gov/authorities/subjects/sh98004795 http://id.loc.gov/authorities/subjects/sh98000035 |
title | React and React Native : use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps / |
title_auth | React and React Native : use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps / |
title_exact_search | React and React Native : use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps / |
title_full | React and React Native : use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps / Adam Boduch. |
title_fullStr | React and React Native : use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps / Adam Boduch. |
title_full_unstemmed | React and React Native : use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps / Adam Boduch. |
title_short | React and React Native : |
title_sort | react and react native use react and react native to build applications for desktop browsers mobile browsers and even as native mobile apps |
title_sub | use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps / |
topic | Android (Electronic resource) http://id.loc.gov/authorities/names/n2009043077 iOS (Electronic resource) http://id.loc.gov/authorities/names/n2010039603 Android (Electronic resource) fast iOS (Electronic resource) fast Application software Development. http://id.loc.gov/authorities/subjects/sh95009362 Mobile apps Development. JavaScript (Computer program language) http://id.loc.gov/authorities/subjects/sh96004880 Web site development. http://id.loc.gov/authorities/subjects/sh98004795 Web sites Design. http://id.loc.gov/authorities/subjects/sh98000035 Logiciels d'application Développement. Applications mobiles Développement. JavaScript (Langage de programmation) Sites Web Développement. Sites Web Conception. COMPUTERS / Computer Literacy bisacsh COMPUTERS / Computer Science bisacsh COMPUTERS / Data Processing bisacsh COMPUTERS / Hardware / General bisacsh COMPUTERS / Information Technology bisacsh COMPUTERS / Machine Theory bisacsh COMPUTERS / Reference bisacsh Application software Development fast JavaScript (Computer program language) fast Web site development fast Web sites Design fast |
topic_facet | Android (Electronic resource) iOS (Electronic resource) Application software Development. Mobile apps Development. JavaScript (Computer program language) Web site development. Web sites Design. Logiciels d'application Développement. Applications mobiles Développement. JavaScript (Langage de programmation) Sites Web Développement. Sites Web Conception. COMPUTERS / Computer Literacy COMPUTERS / Computer Science COMPUTERS / Data Processing COMPUTERS / Hardware / General COMPUTERS / Information Technology COMPUTERS / Machine Theory COMPUTERS / Reference Application software Development Web site development Web sites Design |
url | https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1484974 |
work_keys_str_mv | AT boduchadam reactandreactnativeusereactandreactnativetobuildapplicationsfordesktopbrowsersmobilebrowsersandevenasnativemobileapps |