React

React is a JavaScript library used for building user interfaces.

About React

Launched by Facebook in 2011, React is a Javascript library used for building user interfaces for web applications. React Native is a similar library used for building interfaces for mobile applications.

why we love it

“At Revelry, we’ve been building with React for a long time – since early developer betas…”

Read the Post

React Native at Revelry

In many React Native projects, styles have the tendency to get messy very quickly. That’s because in React Native, every component accepts a “style” prop where these are defined. This encourages developers to define styles within individual component files, or worse, to write inline styles on the components themselves. Defining styles and writing inline styles will inevitably lead to a variety of issues around maintenance, consistency, and organization.

Since we refrain from writing styles in our components, a nice approach is to create a folder for each component or set of components. This implementation affords us a couple of good practices.

  • We have base styles that will be used throughout our component-specific styles, making everything easier to maintain and update in the future.
  • Component-specific styles are located right next to the component JavaScript file, so they are easy to find.
  • We’ve avoided the unsightly inline styles in our components which makes them hard to read.

React Native Resources

Organizing React Native Styles

Organizing React Native Styles

Daniel AndrewsOctober 23, 20197 min read

The nice thing about React Native styles is that everything is JavaScript. React Native uses a JavaScript class called StyleSheet that resembles normal CSS in many ways, but there are some key…

Announcing Harmonium: Our React UI Component Kit

Announcing Harmonium: Our React UI Component Kit

Robert PrehnMay 22, 20183 min read

At Revelry, we’ve been building with React for a long time – since early developer betas.  Over the last few years, and over dozens of projects, we’ve built and refined…

How To Dismiss The Numerical Keypad in React Native

How To Dismiss The Numerical Keypad in React Native

Nick SchelloMarch 19, 20182 min read

If you have ever done mobile development in React Native, chances are you have used a TextInput. And, you’ve probably also used the numerical version of TextInput to create a…