CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-react-native

A framework for building native apps using React

Overall
score

100%

Evaluation100%

1.06x

Agent success when using this tile

Overview
Eval results
Files

rubric.jsonevals/scenario-8/

{
  "context": "This evaluation criteria assesses how well the engineer uses React Native's core user input components (TextInput, Button, and Switch) to build a functional form. The focus is on proper usage of these package components, their props, and state management patterns specific to React Native.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "TextInput Usage",
      "description": "Uses the TextInput component from react-native for all text input fields (username, email, password). Each TextInput should have appropriate props including value, onChangeText, and placeholder.",
      "max_score": 20
    },
    {
      "name": "TextInput Configuration",
      "description": "Configures TextInput components correctly: email field uses keyboardType='email-address', password field uses secureTextEntry={true}. Text inputs are properly controlled with state.",
      "max_score": 15
    },
    {
      "name": "Switch Component",
      "description": "Uses the Switch component from react-native for both toggle controls (notifications and dark mode). Each Switch should have value and onValueChange props.",
      "max_score": 20
    },
    {
      "name": "Switch State Management",
      "description": "Properly manages Switch state by connecting value prop to state and using onValueChange callback to update boolean state values.",
      "max_score": 15
    },
    {
      "name": "Button Component",
      "description": "Uses the Button component from react-native with title and onPress props. The Button should display 'Submit' as its title.",
      "max_score": 15
    },
    {
      "name": "Button Validation",
      "description": "Implements button disable logic using the disabled prop, checking that username and email are not empty strings before enabling submission.",
      "max_score": 15
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-react-native@1000.0.0

tile.json