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.
Clasificación: | Libro Electrónico |
---|---|
Autor principal: | |
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 |