uris
const juris = new Juris({
  components: { TodoApp, TodoItem },
  layout: {
    div: {
      children: [{ TodoApp: {} }]
    }
  },
  states: {
    todos: {},
    todoList: [],
    newTodoText: ''
  }
});

juris.render('#app');`
      },
      {
        id: 'form-validation',
        title: 'Form Validation',
        description: 'Form with real-time validation',
        code: `// Form Validation Example
const FormApp = (props, context) => {
  const { getState, setState } = context;
  
  const validateE