How I built a Content Management System for a React app in one day

How to Build a #ContentManagement System in just 1 day!


#JavaScript #React #Reactjs #CMS

  • DYI content management system with Firebase  ReactHow I built a Content Management System for a React app in one dayFirebase + React = Quick DIY CMSThere are two ways of handling website content:Use a CMS.Hard code in the copy/image urls in the code itself.Option number 2 quick at first, and is fine…
  • However, two big problems will surface and grow as companies scale.In fact, I have personally experienced multiple times the first of these two problems at work.Problem 1: time wasted by engineerEvery time there needs to be a content change, the product team would need to ping an engineer, and the engineer…
  • This will definitely be a problem if the company ever goes international in non-English speaking countries.SolutionThe solution to these two problems is a good content management system.Pillow, where I’m currently working, had a Hackathon last week.
  • Anyone can signup for an account with their gmail, create a project, and add data to the database.Because of the NoSQL structure, I thought it would be a great way to store website copy.
  • This is what I did to structure Pillow’s landing page copy during the Hackathon:Screenshot of json data structurePillow’s website is already built with React, and that made my job a lot easier.All I needed to do on that front is install re-base, set up some configuration, and replace the hard…

Option number 2 quick at first, and is fine for an early stage startup operating in one country. However, two big problems will surface and grow as companies scale. Every time there needs to be a…
Continue reading “How I built a Content Management System for a React app in one day”

Is React.js fast? Faster than {framework}? … or are there more relevant questions to be asking? – Medium

Is #ReactJS fast? Faster than {framework}? …or are there more relevant questions?

  • I wanted to know how happy people were with the frameworks they had used.
  • The results only represent a tiny fraction of the data I accumulated, so stay tuned for more observations and insights coming very soon!
  • Finally I propose a new library, redux-logic , which combines power and flexibility with simplicity.
  • I also have no easy way to create business logic that applies across many actions, so if I wanted to augment all actions to have a timestamp or unique ID, I’d have to include a call to that code in all action creators.
  • // the action creator will be bound to dispatch const fetchUser = id => ( { type: USER_FETCH, payload: id } ); // userEpics.js const fetchUserEpic = action$ => action$.ofType(FETCH_USER) .mergeMap(action => ajax.getJSON(` https://a/$ {action.payload}`) .map(user => ({ type: FETCH_USER_SUCCESS, payload: user })) .catch(err => ({ type: FETCH_USER_FAILED, payload: err, error: true })) .takeUntil( action$ .

Read the full article, click here.


@ReactiveConf: “Is #ReactJS fast? Faster than {framework}? …or are there more relevant questions?”


I give training in React.js via CodeWinds, and one of the questions I’m often asked is whether it is faster than X?


Is React.js fast? Faster than {framework}? … or are there more relevant questions to be asking? – Medium