View Patterns

One very demanding skill is writing good view code the first time around. It comes with experience and becomes almost automatic at some point. Hence, it is vital to do it right from the beginning. In this chapter, we will explore best practices and go through the React JSX patterns that you already used in the previous chapter. We will also focus on the broader spectrum of built-in components, which include input and forms. At the very end, I will show you a nice tool called a linter that is essential for any new frontend project.

In this chapter, you will learn how to do the following:

• Write concise JSX
• Use common React Native built-in components
• Create simple forms using TextInput
• Distinguish between controlled and uncontrolled input
• Create error boundaries
• Eliminate Mixins from your code base
• Set up a linter to enforce your code style guide