jayanth bharadwaj
Aug 28, 2017 · 3 min read

The Culture Ripple

After spending 1 year of AnnaDaata Android app development “all alone. Full stack” with an idea to create an interface for rich consumable content, I am now in a position to reiterate on any mistakes that I have made till now… But before going there I take a moment of pride in showcasing my new attempt on the same idea - A mobile based Progressive Web App which is a skimmed down version of AnnaDaata Android app I built for 1 year. This time a I chose to go with Progressive Web App because of the inherent fine grain control on the product unlike Android App. And the joy of modular coding in ReactJS using Material UI library - the inspiration at initial and final phases of UI designing adopted religiously from https://material-ui.com.

Deja Vu moment while I wrote the title Culture Ripple

Adopting and working with ReactJS has been a breeze since 2017. Most of it is basic Javascript, HTML, JSXHTML(as I wud like to call it). I will like to briefly remark on the analogy of ReactJS to Java language in terms of code structure.

https://codepen.io/bradleyboy/pen/OPBpGw

From above tutorial the simple HTML code <div id=”app”></app> analogous to Java’s static void main() function. FYI this is the place where you can also add screens using “React Routers” with url path changes without creating HTMLs for new screens

  1. <div id=”app”></app> is the starting point for ReactJS UI where you see the output “Hello, ES6 and React 0.13!” coming from another class’s render function .
  2. ReactJS class files are analogous to Java class files
  3. ReactJS, Java classes have constructors, functions declaration, definition
  4. Pass objects between classes to update UI based on data-model changes.

Do’s for 2017 ReactJS star(ter) developers

Loved the reintroduction to JS in this tutorial https://facebook.github.io/react/tutorial/tutorial.html

Had enough? Click above link to start ReactJS hands-on

App development checklist for passionate FullStack developers of 2017

  1. NodeJS-backend, Material-ui frontend, Contentful CMS, FoxPush for user reengagement.
  2. Get the API based CMS ready. I have used Contentful since I started on my PWA in 2017. Has a refreshing and sophisticated interface that suits my needs. Well documented compared to ButterCMS or any other API based CMS.
  3. Since I don’t take user inputs as of now that is globally visible to all users, I have not plugged in a database of any sort to my Node backend.
  4. npm install axios. For implementing GET, POST, PUT API requests to your CMS from React component class.
  5. This is 80% of your app development. To make it user consumable product, use lighthouse by Google. Thats it.

With my First Android App as a full stack dev in 2016, I had not much explored CMS part, Push notifications for Android in 1st step. Which led to a disaster in keeping user re-engagement.

Most importantly I had to understand that App development is not a 1 man Army buisness

Now I am in a look out for passionate content writers for my PWA. Write to me at jayanth.rbharadwaj@gmail.com. I will address your concern and queries within 24 hours.

CultureLabs

Unity in Diversity

)

jayanth bharadwaj

Written by

Culture Labs

CultureLabs

Unity in Diversity

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade