Cargando…

Progressive web apps with React : create lightning fast web apps with native power using React and Firebase /

Enhance the performance of your applications by using React and adding the Progressive web app capability to it.

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Domes, Scott (Autor)
Formato: Electrónico eBook
Idioma:Inglés
Publicado: Birmingham, UK : Packt Publishing, 2017.
Temas:
Acceso en línea:Texto completo
Texto completo

MARC

LEADER 00000cam a2200000 i 4500
001 EBSCO_on1012132657
003 OCoLC
005 20231017213018.0
006 m o d
007 cr unu||||||||
008 171117s2017 enka o 000 0 eng d
040 |a UMI  |b eng  |e rda  |e pn  |c UMI  |d IDEBK  |d STF  |d NLE  |d TOH  |d COO  |d OCLCF  |d UOK  |d CEF  |d KSU  |d OCLCQ  |d DEBBG  |d UKMGB  |d WYU  |d LVT  |d C6I  |d UAB  |d UKAHL  |d N$T  |d OCLCQ  |d OCLCO  |d OCLCQ 
015 |a GBB7O3362  |2 bnb 
016 7 |a 018610877  |2 Uk 
020 |a 1788296133 
020 |a 9781788296137  |q (electronic bk.) 
020 |z 9781788297554 
029 1 |a GBVCP  |b 1014940141 
029 1 |a UKMGB  |b 018610877 
035 |a (OCoLC)1012132657 
037 |a CL0500000914  |b Safari Books Online 
050 4 |a QA76.76.A65 
082 0 4 |a 005.2762  |2 23 
049 |a UAMI 
100 1 |a Domes, Scott,  |e author. 
245 1 0 |a Progressive web apps with React :  |b create lightning fast web apps with native power using React and Firebase /  |c Scott Domes. 
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 0 |a Online resource; title from title page (Safari, viewed November 15, 2017). 
505 0 |a Cover -- Title Page -- Copyright -- Credits -- About the Author -- About the Reviewer -- www.PacktPub.com -- Customer Feedback -- Table of Contents -- Preface -- Chapter 1: Creating Our App Structure -- Setting the scene -- The problem -- The other problem -- Beginning work -- Why Progressive Web Apps? -- Why React? -- A rose by any other name -- User stories -- Application challenges -- Instant loading -- Push notifications -- Offline access -- Mobile-first design -- Progressive enhancement -- Let's get going -- Our app skeleton -- CSS and assets -- Meta tags and favicons -- What is npm? -- Node setup -- The dark side of npm -- Project initiation -- Installing React -- Using React -- Welcome to ReactDOM -- Summary -- Chapter 2: Getting Started with Webpack -- Our project structure -- Welcome to Webpack -- Bundling files -- Moving our React -- Shortcuts -- Our Dev server -- Webpack loaders -- Our first ES6 -- Splitting up our app -- Hot reloading -- Building for production -- Creating a custom script -- Making an asset manifest -- Summary -- Chapter 3: Our App's Login Page -- What is a React component? -- Controversies and Separation of Concerns -- Class components versus functional components -- Our second component -- State in React -- Reusing components -- Summary -- Chapter 4: Easy Backend Setup With Firebase -- What is Firebase? -- Firebase gotchas -- Setting up -- Hiding our API key -- Deploying Firebase -- Authentication with Firebase -- What is a promise? -- Back to authentication -- Code cleanup -- Signing up -- Saving our user -- Event listeners -- Lifecycle methods -- Summary -- Chapter 5: Routing with React -- The plan -- Pages on pages -- The React Router difference -- Our ChatContainer -- Installing React Router -- Our BrowserRouter -- Our first two Routes -- Redirecting on login -- Logging out -- Detour -- higher order components. 
505 8 |a Our third Route -- Summary -- Chapter 6: Completing Our App -- User stories progress -- ChatContainer skeleton -- Managing data flow -- Creating a message -- Sending a message to Firebase -- Our message data -- Loading data from Firebase -- Displaying our messages -- Message display improvements -- Multiple users -- Batching user messages -- Scrolling down -- React refs -- Loading indicator -- The Profile page -- Summary -- Chapter 7: Adding a Service Worker -- What is a service worker? -- The service worker life cycle -- Registering our first service worker -- Checking for browser support -- Listening for the page load -- Registering the service worker -- Logging out the result -- Experiencing the service worker life cycle -- Adding Firebase to our service worker -- Naming our service worker -- Summary -- Chapter 8: Using a Service Worker to Send Push Notifications -- Requesting permission -- Tracking tokens -- Attaching a user to the token -- Changing the user inside NotificationResource -- Creating a new token -- Updating an existing token -- Sending push notifications -- Writing our Cloud function -- Sending to the tokens -- Testing our push notifications -- Debugging push notifications -- Checking the Cloud Functions logs -- Checking the Service Worker -- Checking the tokens -- Summary -- Chapter 9: Making Our App Installable with a Manifest -- What is an app manifest? -- Browser support -- Making our app installable -- Android -- Manifest properties -- Other properties -- Linking our manifest -- Making our app installable -- iOS -- App install banners and you -- Delaying the app install banner -- Listening for the event -- Summary -- Chapter 10: The App Shell -- What is progressive enhancement? -- The RAIL model -- Load -- Idle -- Animation -- Response -- Timeline -- Measuring using the timeline -- The Summary tab -- Network requests -- Waterfall. 
505 8 |a Screenshots -- PageSpeed Insights -- The app shell pattern -- Moving shell HTML out of React -- Moving CSS out of React -- Moving the loading indicator -- Summary -- Chapter 11: Chunking JavaScript to Optimize Performance with Webpack -- The PRPL pattern -- Push -- Render -- Pre-cache -- Lazy-load -- What is code splitting? -- Webpack configuration -- Babel stage 1 -- Conditional imports -- Higher-order components -- AsyncComponent -- Route splitting -- Lazy loading -- Summary -- Chapter 12: Ready to Cache -- What is caching? -- The importance of caching -- The Cache API -- Methods -- The asset manifest -- Setting up our cache -- The install event -- Opening up the cache -- Fetching the asset manifest -- Parsing the JSON -- Adding the relevant URLs to the cache -- The fetch event -- The activate event -- Grab the list of cache names -- Loop over them -- Testing our cache -- Summary -- Chapter 13: Auditing Our App -- What is Lighthouse? -- The criteria -- The Audits tab -- Our first audit -- Evaluating the readout -- Using the Lighthouse CLI -- Serving our build folder -- Using Lighthouse to assess the served page -- Logging the results -- Summary -- Chapter 14: Conclusion and Next Steps -- Next steps -- Learning resources -- Case studies -- Building the Google I/O 2016 Progressive Web App -- AliExpress case study -- eXtra Electronics case study -- Jumia case study -- Konga case study -- SUUMO case study -- Example applications -- PWA.rocks -- Flipboard -- React Hacker News -- Notes -- Twitter -- 2048 Puzzle -- Articles to read -- Native apps are doomed -- A BIG list of Progressive Web App tips & tricks -- Testing service workers -- Twitter Lite and High Performance React Progressive Web Apps at Scale -- Why are App Install Banners Still a thing? -- A Progressive Web Application with Vue JS. 
505 8 |a Transforming an existing Angular application into a Progressive Web App -- Progressing the Web -- Designed Degradations -- UX Patterns for Hostile Environments -- Instant Loading Web Apps With An Application Shell Architecture -- Trick users into thinking your site's faster than it is -- Apple's refusal to support Progressive Web Apps is a detriment to the future of the web -- Tools -- Workbox -- Sw-precache -- Sw-toolbox -- Offline-plugin -- Manifest-json -- Serviceworker-rails -- Sw-offline-google-analytics -- Dynamic Service Workers (DSW) -- UpUp -- Generator-pwa -- Progressive-webapp-config -- Stretch goals -- Switch to Preact -- Show online status -- Show when typing -- Include file upload -- Create chat rooms -- Interactive without React -- Building your own backend -- Closing words -- Summary -- Index. 
520 |a Enhance the performance of your applications by using React and adding the Progressive web app capability to it. 
590 |a O'Reilly  |b O'Reilly Online Learning: Academic/Public Library Edition 
590 |a eBooks on EBSCOhost  |b EBSCO eBook Subscription Academic Collection - Worldwide 
630 0 0 |a React (Computer program) 
650 0 |a Web applications  |x Development. 
650 0 |a JavaScript (Computer program language) 
650 6 |a Applications Web  |x Développement. 
650 6 |a JavaScript (Langage de programmation) 
650 7 |a COMPUTERS  |x Web  |x Web Services & APIs.  |2 bisacsh 
650 7 |a COMPUTERS  |x Web  |x General.  |2 bisacsh 
650 7 |a COMPUTERS  |x Web  |x Design.  |2 bisacsh 
650 7 |a JavaScript (Computer program language)  |2 fast  |0 (OCoLC)fst00982071 
856 4 0 |u https://learning.oreilly.com/library/view/~/9781788297554/?ar  |z Texto completo 
856 4 0 |u https://ebsco.uam.elogim.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1621702  |z Texto completo 
938 |a Askews and Holts Library Services  |b ASKH  |n BDZ0035303634 
938 |a EBSCOhost  |b EBSC  |n 1621702 
938 |a ProQuest MyiLibrary Digital eBook Collection  |b IDEB  |n cis39169484 
994 |a 92  |b IZTAP