paint-brush
Video: How to Build a Cosmic JS Extension Using Create React Appby@tonyspiro
197 reads

Video: How to Build a Cosmic JS Extension Using Create React App

by Tony SpiroOctober 23rd, 2017
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

In this video I show you how to build a <a href="https://cosmicjs.com/extensions/" target="_blank">Cosmic JS Extension</a> using <a href="https://github.com/facebookincubator/create-react-app" target="_blank">Create React App</a>. Extensions offer a lot of power and flexibility. With Extensions you can display your Bucket’s contents with a custom UI, connect to third party APIs, and more.
featured image - Video: How to Build a Cosmic JS Extension Using Create React App
Tony Spiro HackerNoon profile picture

TL;DW

In this video I show you how to build a Cosmic JS Extension using Create React App. Extensions offer a lot of power and flexibility. With Extensions you can display your Bucket’s contents with a custom UI, connect to third party APIs, and more.

For the Extension we are building in this video, we will be able to view a random cat in our Cosmic JS Bucket. How is this specific Extension useful? It’s not (unless having a cat in your Bucket really makes your day)… BUT you can see how Extensions give you a lot of power and freedom to extend your Dashboard functionality.

To install a useful Extension to your Bucket in one click, go the the Extensions page, or view the docs for more info on how to create your own.

And if you really need an emergency cat in your Bucket, here’s the Extension for download:

build.zip

And the code: