Steemblr development update 06 - Code split, profile creation indicator,responsive theme editor

Steemblr is open source microblogging platform powered by steem blockchain . It allows user to post and explore content which is smaller than a traditional blog.

You can check developer version here: https://steemblr.com

Repository

https://github.com/snwolak/steemblr

New Features

Code Split

This feature introduces splitting of main bundle into few smaller bundles. Thanks to that initial bundle which user need to download before app will launch is nearly 50% smaller. According to stats provided by google its crucial to make app load really fast because

Over half of all mobile site visits are abandoned if the page doesn’t load within 3 seconds.

Source: google

Code splitting was implemented by using react-loadable dependency to load every top component on user request.

1

Profile Creation Indicator

To handle initial profile creation better, saving functions got updated and loading screen got implemented to stop user for a moment so app will behave in predictable way.

Every launch, app is checking if profile already exists in database if profile does not exist, loader will appear and function will run until profile is created.

1

Responsive Theme Editor

Updated view for mobile devices so now user can change blog theme on his smartphone!

It was implemented by adding button with onClick function which is changing grid size of the first element by changing component state and sending new props to styled component.

1

Github Account

https://github.com/snwolak

If you got questions or feature requests you can get in touch with me on steemblr discord channel https://discord.gg/hHmZgk6