Wilson Mendes
@willmendesneto
Google Developer Expert Web technologies
/v1/listings/123
/v1/agency/123
/v1/agents/123
...
mobile website
microservices, microframeworks, micro-whatever
...
import('./new-page.component')
.then(({ default: NewPageComponent }) => {
// Logic to add
// your experimental feature
});
.catch(e =>
console.log(`
Error loading the component ${e}
`)
);
...
let asyncModule;
if (isFeatureFlagTurnedOn('new-page')) {
asyncModule = import(
/* webpackChunkName: "new-page" */
'./new-page'
);
} else {
asyncModule = import(
/* webpackChunkName: "old-page" */
'./old-page'
);
}
{ }
{ }
{ }
{ }
{ }
{ }
<page1>
</page1>
<component1 />
<component2>
</component2>
<component3 />
# Github: https://goo.gl/jkvYT8
# Usage: In Your CLI
npm install -b update-yeoman-generator
cd my-component
update-yeoman-generator \
--generator <github-user>/<github-repository>
page1.js
page2.js
page3.js
page1.css
page2.css
page3.css
// GET api/endpoint/1234
{
"location": [...],
}
type ApiEndpointResponse = {
location?: Array<...>;
listing?: {
[k: string]: | string
| boolean
| number;
}
};
// GET api/endpoint/1234
{
"location": [...],
"listing": {...}
}
Wilson Mendes
@willmendesneto
Google Developer Expert Web technologies