Using Route53 for aliasing Cloudfront distributions

  • Amazon Route 53 to help you get a website or web application up and running.
  • Hope you have followed my previous blog posts for deploying Serverless React Applications for deploying the application into s3 and pointing a custom domain in cloudfront with ssl.
  • copy the domain name for the created distribution from the previous blog post.
  • Login to your AWS Console

Continue reading “Using Route53 for aliasing Cloudfront distributions”

Advertisements

Adding SSL and custom domain to serverless react application with cloudfront

  • For deploying a server-less react application read my previous blog post.
  • This post explains to setup SSL and custom domain for your react application.
  • Login into AWS Console
  •  Go to services and search ‘cloudfront’ and select the ‘Cloudfront’.8-cf

Continue reading “Adding SSL and custom domain to serverless react application with cloudfront”

Getting started with Redux

Redux is yet another framework for React web Apps. Today’s web applications are getting more into single page applications which requires lot of states to be known by the app like the cache data, local data, which tab to open, what content should be put in which tab etc.,  if we fail to know clearly about the states we are using in the app then it becomes difficult to find the error in case of bug. In order to facilitate this we use Redux which provides a nice way of dealing with states. Also Flux, is another framework which does this.

I have made a codepen to get started with Redux. In this code pen you can find a counter made with Redux.

Redux provides a method createStore which has three functions getState(), dispatch(), subscribe().

getState()

The getState function will return the current state of the app

dispatch()

By this function we can call the action to be dispatched. In this example I call dispatch({type:’INCREMENT’}) , because the action that I need to perform is INCREMENT.

subscribe()

The subscribe method will keep listening to the state change and if the state changes then the method in subscribe will be executed. Generally we put render() in the subscribe to display the state changes in the UI.

Feel free to fork the pen and play around with it!! Happy Redux!!