didi0613

Switch to OSS app archetype

Changes Required

• Update your dependencies inside package.json

  Switch internal app archetype

  @walmart/electrode-archetype-react-app
  @walmart/electrode-archetype-react-app-dev
  

didi0613

OSS Component Server Side Rendering Issue

I’ve spend some time on consuming electrode component from demo folder instead of src, and here is the example component:
https://github.com/didi0613/oss-electrode-component-css-modules-example

Root Cause

Within the demo folder, we are using electrode-demo-index for demoing the component. However, it is not working with Server side rendering. The reason behind is that electrode-demo-index has codemirror as its dependency, when server side rendering enabled, it will looking for window navigator which is only valid when client side comes in.

Question

• seems electrode explore is inactively maintained right now, and we have plans to migrate to bitsrc, do we still need to change from consuming component from src folder to demo folder?

didi0613

OSS Pending

• react-shuffle@2.1.0

requires a peer of react@^0.14.0 || ^15.0.0-0 but none is installed. You must install peer dependencies yourself.

didi0613

Here is what we currently have for the blockchain car buying app:

Repo URL: https://gecgithub01.walmart.com/s0d00px/car-blockchain Roles View Screenshots: attached Instructions from the previous event: https://github.com/electrode-io/car-buying-instructions We can add an admin role for the tiles: https://walmart.enterprise.slack.com/files/W46LN4EAE/F6Z6MHJDR/screen_shot_2017-09-06_at_5.50.46_pm.png, each tile will be a different role, and each role has its own going-on transactions.

In this workshop, we will use Electrode Ignite to generate the Electrode Applications. Electrode Ignite is a npm module, which is single entry point to help you start development with the Electrode platform. Electrode Ignite Pre-requisite:

• NodeJS LTS binary version 4.2 or later (version 6 or later is recommended)

didi0613

Teams

Account Team (sent, follow up sent)

Core Frontend Engineers

• Abel Wang
• Per-Olof Bondesson
• Na Li
• Nitin Jain
• Adam Sharp

didi0613

How to add i18n to your app

Follow the steps

• update your package.json:

  electrode-archetype-react-app: ^5.1.2
  electrode-archetype-react-app-dev: ^5.1.2
  

• Changes in src/client/app.jsx

  • Include the libraries on top

didi0613

car-blockchain API

Blockchain Service

Get bear token

• url: 10.117.163.109:4000/users
• params in body: {"username": "12341234"}

NodeJS Service

Get the list of the vehicle

• url: http://10.117.138.202:8000/api/vehicle/

didi0613

Switch to OSS component archetype

• update @walmart/electrode-archetype-react-component to electrode-archetype-react-component

"@walmart/electrode-archetype-react-component": "^15.0.0",
"@walmart/electrode-archetype-react-component-dev": "^15.0.0",

to

"electrode-archetype-react-component": "^5.0.0",

didi0613

Upgrade to React 16 checklist

App & Components dependencies relationships

• getting-started
  • @walmart/electrode-wml-app@1.2.0 requires a peer of electrode-archetype-react-app@^3.0.0 but none is installed.
  • @walmart/electrode-react-webapp2@11.4.3 requires a peer of react@^15.0.0 || ^0.14.0 but none is installed. (From @almart/electrode-wml-app@1.2.0)

    getting-started@8.0.0 /Users/s0d00px/getting-started
    

└─┬ @walmart/electrode-wml-app@1.2.0

didi0613

Upgrade Components To React 16

React 16 includes a number of small breaking changes. They only affect uncommon use cases and we don’t expect them to break most apps. So if you have apps running in 15.6 without any warnings, upgrade to 16 should be easy for you.

Reference: https://reactjs.org/blog/2017/09/26/react-v16.0.html

Changelog: https://github.com/facebook/react/blob/master/CHANGELOG.md

These are the things you need to be aware of when updating from React 15 to 16: