Enable creating reader lists

[jsnmoon]

Changes proposed in this Pull Request

• Creates a route for creating a reader list (/read/list)
• Enables the user to create a reader list

Testing instructions

• Apply D44850-code to public-api.
• Navigate to /read/list.
• Enter a list name.
• Press "Save".
• 🎉

[matticbot]

Test live: https://calypso.live/?branch=add/create-reader-lists-form

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

App Entrypoints (~6 bytes added 📈 [gzipped])

name        parsed_size           gzip_size
entry-main        +60 B  (+0.0%)       +6 B  (+0.0%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~89 bytes added 📈 [gzipped])

name         parsed_size           gzip_size
reader            +508 B  (+0.1%)      +76 B  (+0.1%)
site-blocks       +105 B  (+0.0%)      +13 B  (+0.0%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~870 bytes added 📈 [gzipped])

name                                             parsed_size           gzip_size
async-load-reader-list-manage                        +1624 B  (+6.1%)     +475 B  (+7.2%)
async-load-reader-sidebar                             +699 B  (+1.1%)     +180 B  (+1.2%)
async-load-reader-list-stream                         +699 B  (+5.8%)     +166 B  (+5.0%)
async-load-design-blocks                              +105 B  (+0.0%)      +19 B  (+0.0%)
async-load-components-web-preview-component           +105 B  (+0.0%)      +15 B  (+0.0%)
async-load-blocks-support-article-dialog-dialog       +105 B  (+0.1%)      +15 B  (+0.1%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

[bluefuton]

Form text looks good 👍 Can we add translate() for all the labels?

[jsnmoon]

@bluefuton: Added translations to form labels.

The API route currently doesn't respect the is_public flag; I'll work on spinning up a patch.

Added translations

[jsnmoon]

The API route currently doesn't respect the is_public flag; I'll work on spinning up a patch.

D44850-code.

[bluefuton]

Great stuff 👍 Working well for me (aside from the public flag - I'll check out the patch next!)

How about having the route at /read/list/new instead?

[bluefuton]

One other note that we can address in a different PR - the new list doesn't appear in the sidebar. It is being correctly added to state.reader.lists.items though.

[bluefuton]

Aside from a suggested change of route to /read/list/new, this works well - nice one

[blowery]

LGTM

[a8ci18n]

This Pull Request is now available for translation here: https://translate.wordpress.com/deliverables/3821377

Thank you @jsnmoon for including a screenshot in the description! This is really helpful for our translators.

[a8ci18n]

Translation for this Pull Request has now been finished.