A few weeks ago github released it’s GraphQL powered API and with that a ruby library for composing and executing GraphQL queries using ruby. The example available on github repo is a rails example and so the writer thought for learning internals it would be good idea to experiment it…

Almost all user-driven web applications requires a user authentication feature for, Logging in and out, Registration, Resetting password, and whatnot. Fortunately, to achieve this in Rails we have so many gems available, but they are all very, full-featured. What if we just need the login feature, without registration etc?. Now…

Webpack config file splitting — One problem with Webpack is that the config file quickly gets huge and complicated in no time for a real app. So, lets split our previous config file into separate smaller modules: Package.json Webpack.config.js That’s all in our main webpack config file, and now lets create a new webpack.config/ folder inside our project folder and place relevant configs in separate files. For ex: entry, output, plugins and so on…

Sourcemaps, minification, Remove code duplication — Lets update the Webpack config from our old setup: That’s all ! Now, lets run the setup: npm install npm run start open main.html in your browser Checkout the output bundle.js in the browser or editor. Voila! now you have the minified code and sourcemaps. P.S. The code is available on github

Most basic setup — Introduction: A series of mini posts that explores Webpack — famous JS module loader and bundler, from scratch. The idea is to start from very basic Webpack setup to more advanced and complex setup. Pre-requisites: Javascript, NodeJS and some Javascript libraries In a directory, create following files: Package.json Webpack.config.js Main.html Main.js That’s all ! Now, lets run the setup:

As most of you may have heard about GraphQL, it’s a new query language layer for fetching application data regardless of data model or application layer. It’s platform agnostic and conforms to an uniform API through something called ‘GraphQL spec’, which makes it pretty transparent and easy to learn. After…

This is a last wrap up post for this Relay on Rails series. If you haven’t checked it out, so far we have covered basics of relay and GraphQL, building GraphQL server on top of Rails, data fetching for react components, dynamic client-side react component rendering and Mutations with Relay. The updated blog repo and demo with latest Relay, React and Ruby GraphQL gems is available here: https://github.com/gauravtiwari/relay-rails-blog and here: https://relay-rails-blog.herokuapp.com/

In this short post, we are going to look at Webpack and how we can integrate it with our current blog application for React and Relay powered frontend development on Rails. So far, we have used browserify with Rails asset pipeline to manage frontend dependencies, however after working with this…

So far, we have covered basics of relay and GraphQL, building GraphQL server on top of Rails, data fetching for react components and dynamic client-side react component rendering with Relay. In this post, we are going to cover a important requirement of any web application i.e. user authentication. …