Introduction In the past year, our team has re-written one of our internal apps from Angular to React. While earlier React experience on the team ranged from new to experienced, we learned a lot along this journey. Much of what we learned has been from experiencing pain points in development, or inefficiencies, and either researching others' best practices or experimenting with what works best for us. Use Typescript One of the best decisions we ever made in our project was...
Introduction I'm an avid follower of Hacker News and many various programming related subreddits. There is a constant flow of posts where the author expresses fatigue, weariness, and many times backlash at JavaScript and the plethora of front-end frameworks. Much of this conversation surrounds React and Angular and then other frameworks such as Mithirl, Meteor, Ember, Vue and others (and there are many others). The conversation many times will go X is the best framework, or X is not the...
TL&DR To integrate React.js and Isotope you need to tell Isotope of changes to the DOM through Isotope's API ( remove and addItems ). Overview Pairing React.js with Isotope is not particularly difficult when dealing with static content. However, pairing the two with dynamic content does get a bit tricky. The problem with the combination is that Isotope, by default, expects a known set of DOM elements so that it can make computations internally. When the elements change, which will...
Asciidoctor encompasses and builds an ecosystem around Asciidoc for writing documentation, and well, writing anything. If you want to host your own blog, documentation site, book, ect.., Asciidoctor would be an excellent choice. If you want to do that in OpenShift, that is what I'm going to help you with. Getting Started Create a Sinatra ruby gear or on the command line. rhc app create mydocs sinatra ruby-2.0 The current sinatra-example is geared for ruby 1.9 current, https://github.com/openshift/ . It...
VS. I've been involved with full-stack development for a while now, especially stacks involving single page apps. When choosing to go with a single page webapp the backend concerns change. While any backend will do the job (think ruby, python, java, etc.) more emphasis is placed on the front-end stack as most of the time is spent in Javascript and less in the backend language since that is not where the UI logic resides. This is liberating in some senses...
In my continual search for the ever more efficient and pragmatic Javascript UI framework, I've stumbled upon React, but not just React, the special combination of React, Coffeescript, and RequireJS. JSX is the more elegant way to compose the DOM within React classes, however, it does require an additional compile step, and there is a bit of added complexity when integrating with RequireJS. It would be hard to give up JSX and go back to building the DOM with plain...
As html5 and client side solutions become more prevalent, the need for handling more and more data through javascript will increase. One such challenge, and the focus of this article, is a strategy for handling hundreds of megabytes of data through Web Workers . What created this need for me personally was the development of Log Reaper [1] which is a client side approach to parsing log files with no server side upload or processing. Log Reaper identifies and parses...
Article
