React + SSR conversion of remaining components

[mikemurray]

React + SSR

This epic is meant to track the conversion of all customer / admin facing components, layouts, templates to React. This means no more Blaze wrappers around any react component, and no Blaze components at any point in the React layout tree. All react all the time.

Keep in mind, for SSR to work, no react component may access document or window while being rendered server-side. If you need them, you'll need to check if they exists before trying to access.

Below List in ordered by approximate priority

Router

• Router & Layout to support React components at the top level #2049 Must attempt render a react layout first, fallback to blaze until the conversion is complete. (PR React Router #2123) @mikemurray
• Router & Layout to support React components at the top level #2049 ReactionLayout should support react components / layouts if one is registered (PR React Router #2123) @mikemurray
• BLOCKED Enable SSR support after everything is react @mikemurray
• FlowRouter -> React Router (PR React Router #2123) @mikemurray

Layout

• Separate coreAdminLayout from coreLayout (PR React Router #2123) @mikemurray
• Router & Layout to support React components at the top level #2049 Layout should use the React version of ReactionLayout, used in the PDP page @mikemurray

Navigation bar

• Convert navigation bar to react and keep all current functionality. #2041 Navigation bar itself
• Convert to react: Cart drawer & checkout popup when adding to cart #2042 Cart drawer & checkout popup when adding to cart @andela-aatanda
• Convert to react: Tag navigation #2043 Tag navigation (already has a react version, for the tag component / `imports/plugins/core/ui/core/client/compnents/tags/ & imports/plugins/core/ui/core/client/containers/tagListContainer) @kieckhafer
• Convert to react: Alerts, Language and other dropdowns #2044 Alerts, Language and other dropdowns

Product Grid

• Product Grid React conversion #2050 Grid layout & items

Search

• Convert search modal to React #2051 Search modal and all subviews (ui-search package)
• Product Grid React conversion #2050 Grid layout & items for products (needs to use the exact same component as the grid)

Checkout

• Convert checkout to react #2052 Checkout layout
• Convert checkout to react #2052 Checkout progress
• Update login views to react #2055 Login (shared with login dropdown and 403 page)
• Convert address book to react #2053 & Convert checkout to react #2052 Address book, (is also used in user profile)
• Convert checkout to react #2052 Shipping options
• Convert checkout to react #2052 or Convert to react: Cart drawer & checkout popup when adding to cart #2042 Summary
• Convert checkout to react #2052 Payment options

Product Detail

• PDP Cleanup- Basic Details Card, Tax Card & Inventory Card Updates #2032 PDP Variant admin view (PR PDP Cleanup - Basic Details Card, Tax Card & Inventory Card #2086) @kieha

Orders

• Update Summary Card for Orders #2045 Orders summary card (PR Update Summary Card for Order #2105) @joykare

Admin

• Action view should render a react component if one exists. (DONE, if you register a react component with the same name you use for template while opening an ActionView, it will use the react component before falling back to a blaze template.)
• Orders - Convert and update UX
• Analytics - Convert to React. Should be combined with Analytics Settings, and completely moved into the settings section. - TICKET NEEDED
• Accounts - Everything - TICKET NEEDED
• Localization - Localization Sidebar Fix #1797 & Add enable/disable currency settings under localization #1773
• Shop - Everything - TICKET NEEDED
• Email - Remove react-bootstrap #1836
• Payment - Everything - TICKET NEEDED
• Shipping - Everything - TICKET NEEDED
• Catalog - Everything - TICKET NEEDED
• Template - Put inside React Card, possibly make medium sized? - TICKET NEEDED
• Reaction Connect - Everything - This will be upgraded with LaunchDock? - TICKET NEEDED
• Shop- #3715
• Search - Put in React Card, form? Convert Authorize.net Settings panel to React #3325, Convert Search Modal to React #3424
• Shopify Import- Convert Shopify import to React #3187
• SMS - Remove react-bootstrap #1836
• Social - Convert social settings to React with new cards #1854
• Taxes - Everything - TICKET NEEDED

[aaronjudd]

Issue moved to reactioncommerce/reaction-feature-requests #7 via ZenHub