Workshop: Hello Omniscient

See related slides for this part: http://omniscientjs.github.io/workshop-slides/#67

← Previous task
, el); // Tests should turn green it('should have class named Hello', function () { expect(React.isValidClass(Hello)).to.equal(true, 'Hello must be a valid React class'); }); it('should have component Hello with name from props', function () { var output = React.renderComponentToString(Hello({ name: 'Foo'})); expect(output).to.contain('Hello,'); expect(output).to.contain('Foo'); expect(output).to.contain('Next task →

Tasks

  1. Part 0: Introduction to the workshop
  2. Part 1: Making Basic Components
  3. Part 1: Passing Properties
  4. Part 1: Transforming input props
  5. Part 1: Composing Simple Components
  6. Part 1: Composing Components Through Children
  7. Part 1: Render two times and see that only the second will be visible
  8. Part 1: Render twice to update the view using setTimeout
  9. Part 1: Render a clock using setInterval
  10. Part 2: Higher order functions
  11. Part 2: Recursive sum
  12. Part 2: Immutable.js
  13. Part 2: Curry
  14. Part 2: Cursors
  15. Part 3: Immstruct - Hello, Hank
  16. Part 3: Immstruct - counter
  17. Part 3: Immstruct - clock
  18. Part 3: Mixins - never rerender
  19. Part 3: Mixins - only show odd numbers
  20. Part 3: Mixins - immutable.js shouldComponentUpdate
  21. Part 3: Omniscients shouldComponentUpdate in React
  22. Part 3: Hello Omniscient [Active]
  23. Part 3: Hello Omniscient JSX
  24. Part 3: Composing Omniscient Components
  25. Part 3: Make a simple TODO app With Cursors
  26. Part 3: Add Mixins and Life Cycle Mixins
  27. Part 3: Create filtering search
← Previous task
, el); // Tests should turn green it('should have class named Hello', function () { expect(React.isValidClass(Hello)).to.equal(true, 'Hello must be a valid React class'); }); it('should have component Hello with name from props', function () { var output = React.renderComponentToString(Hello({ name: 'Foo'})); expect(output).to.contain('Hello,'); expect(output).to.contain('Foo'); expect(output).to.contain('Next task →

Available globals/variables

Use el to get to an element you can render to with your Omniscient components!

Testing