Meta Refresh 2015

The web in your pocket

Akshay Gupta

@kitallis

A Quick (and Hopefully Painless) Ride Through ReactJS

Submitted Mar 6, 2015

ReactJS as a much better front-end engineering battle-axe and a facilitator for designers.

Outline

We’ll go through the fundamentals and philosophy of ReactJS and see how we can apply patterns that have emerged from using it alongside a design team.

In our half-day workshop, we’ll try to cover these high-level ideas:

  • Setting up a simple ReactJS application.

  • Writing UI components that can be re-used across the application as an easy way of keeping the design consistent.

  • HTML-like templating languages (like JSX, react-templates) that make it much easier for designers to write dynamic interactions by themselves.

  • Declarative / logic-less UI components that can perform transitions / animations etc.

  • We’ll try our hands on building a few simple UI components. For example, a menu system like this:

Requirements

  • Basic understanding of JavaScript, HTML and CSS.
  • Laptop with the lastest Chrome, Sublime Text editor, a terminal and python installed.

Speaker bio

Abhinav //
Old school JVM hacker. Loves log files. Wishes he was programming Haskell.
Akshay //
Modern day aesthetically-relevant hacker. Long time Rubyist, recent JavaScript and Clojure programmer.

We work in a variety of different projects at nilenso. From media publishing platforms and energy saving projects to multi-variate testing and machine learning systems.

  • nilenso.com
  • github.com/kitallis
  • github.com/abhin4v
  • tinyurl.com/a-taste-of-clojure
  • lanyrd.com/2013/rubyconfindia/schdhh

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more