Storybook with React

Storybook with React

Braden Niswonger Articles, Development Technologies & Tools, JavaScript, React, React Native Leave a Comment

In most React applications, there are many components working closely together to share and pass data between them. This can sometimes make it difficult to test components individually. Maybe you want to see how a component will react when given invalid data, or you want to test your component visually in different states. Storybook gives you a great way to do this in isolation, without worrying about the app-specific dependencies or requirements.

Storybook is an open-source tool for developing user interface components in isolation. In other words, it’s a playground for UI components. In this blog, we will dive into the basics of Storybook, write a Storybook for Material UI’s button component, and look at a couple of its add-ons.

A Look at Styled Components

A Look at Styled-Components

Nick Brown Articles, Development Technologies & Tools, JavaScript, React, React Native Leave a Comment

Attention: The following article was published over 5 years ago, and the information provided may be aged or outdated. Please keep that in mind as you read the post.The React framework’s component-based approach makes managing large projects simpler. By making it easier to break functionality down into logical pieces that are encapsulated, the framework makes it easier for developers to …

Decoding Mobile Development Options

Decoding Mobile Development Options

Mike Cerny Articles, Development Technologies & Tools, Mobile, React Native, Xamarin 1 Comment

It can be challenging to decide on the right strategy for reaching the mobile audience, though. If you decide an app is what you need, the next question is “what are my options?” In general terms, the types of mobile applications you could choose to build can be divided into three groups: vendor-native, cross-platform, and hybrid web.

In this post, we give an overview of the various mobile development strategies on our shortlist for enterprise clients to consider; for example, Xamarin, Flutter, React Native, and Ionic. For each tool, we give a brief introduction and highlight the key advantages and disadvantages found in implementing each mobile development approach.

React Native With Expo

Lou Mauget Articles, Development Technologies & Tools, JavaScript, Mobile, React, React Native 1 Comment

The React Native framework supports an installable mobile application created from JavaScript source code. It is not a React-based web app wrapper. It isn’t a code generator. There is no required application source code in Java, Objective-C, Swift, or Kotlin. Moreover, a single React Native application targets both iOS and Android devices.

In this blog, we show a quick-start that results in an executing application on a phone, within five minutes. That application is live-reloadable, native cross-platform, and written in JavaScript. It is not a web application.