Skip to main content

Embeddable Javascript Widgets with Rails Tutorial Series

20:57
Embeddable Javascript Comments Widget Models - Part 1
#271 · Pro

Starting our Embeddable JS Widget series outlining the comment and discussion models and the basic webpacker setup

15:00
Using Vuex with a Rails Backend
#273 · Pro

The next step in our embeddable javascript widget series is setting up our Vue frontend to talk with our Rails backend using Vuex

19:29
Using Vuex with Forms in Rails
#274 · Pro

Embeddable Javascript Widgets often contain forms. We're using Vuex to build our comment form widget and we're going to use vue-map-fields to make this easier.

10:44
Cross-origin Resource Sharing (CORS) with Rails
#275 · Pro

Cross-origin Resource Sharing (CORS) allows your website to talk to other websites.

21:13
Restricting Javascript Widgets to Registered Sites
#276 · Pro

We don't want anyone to be able to embed your Javascript widget on any domain, so we'll setup our app to check the domain and only allow the widget on specific sites

14:06
Webpacker Javascript Embed Code Snippet & Scoped Styles
#277 · Pro

We can use webpacker to create scoped styles for our Javascript widget and build an embed code that links to the latest version of our webpacker JS and CSS for our embeddable widget.