React Eshop
React Eshop
Easily reusable Eshop in React, ES6, and Firebase. First few chapters only available at no cost. Code available at GitHub.
About the Book
The React Eshop book uses latest tools from Facebook React and Google Firebase ecosystems.
Code along a single page Eshop app, complete with a shopping cart, product catalog, and search features. Our goal is to create a reusable Eshop following Ecommerce best practices while remaining within scope for a single developer-designer.
Use latest React, ES6 JavaScript features, and Firebase integration for achieving a modern serverless architecture. We learn React and ES6 features as we develop our Eshop app component by component. Firebase has several new features supporting production use cases for a single page app. We cover user authentication, static hosting, hierarchical database design, real-time data binding, among other cool features for your app.
About the Author
Table of Contents
-
Easy Start React
- Start React app in three easy steps
- Windows and Node
- Structure of the React app
- App.js component definition
- index.js root component
- package.json dependencies
- Integrating React Bootstrap
- index.html template
- ESLint for JS guidelines and syntax checking
- Flow static type checking
- Build and deploy
- Deploy using Firebase
-
Magic Behind Scaffold Generator
- HTML Webpack plugin
- Webpack
- Hot Reloading
- Babel and ES6
- PostCSS and Autoprefixer
- ESLint
- Other capabilities
-
Product Summary
- Product summary design
- Product summary schema
- ProductSummary.js custom component
- Prop validation
- Constructor, state, and bind
- Event handler methods
- The render method
- App.js product catalog mock
-
Product Detail and Navigation
- Modify package.json for product detail
- Refactoring for routing
- index.js router configuration
- App.js template layout
- Navigation.js
- MissingRoute.js for page not found errors
- ReactEshop.css shared styles
- Landing.js
- ProductDetail.js component
- ProductDetail.css styles
- ProductSummary.js refactor
-
Firebase Integration
- Installing Firebase for Node
- Configuring Firebase using reFirebase.js
- Setup Firebase Storage for media assets
- Prepare JSON for Firebase Database import
- Refactor Landing.js for Firebase
- Refactor ProductSummary.js
- Refactor ProductDetail.js for Firebase integration
Other books by this author
The Leanpub 60 Day 100% Happiness Guarantee
Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.
You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!
So, there's no reason not to click the Add to Cart button, is there?
See full terms...
80% Royalties. Earn $16 on a $20 book.
We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earnedover $13 millionwriting, publishing and selling on Leanpub.
Learn more about writing on Leanpub
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Learn more about Leanpub's ebook formats and where to read them
