Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tutorial 01 Intro: Add note regarding bracket style in Hypertext 101 section

See original GitHub issue

Issue Description

Hi,

First, thanks for a great tutorial. Very helpful! However, I got stuck for a long while on the correct syntax for the text node in <div class="saucer">Greetings</div>.

Aside from this HTML to Hyperscript converter, I haven’t found any documentation that yields the correct solution. According to the hyperscript documentation tested in the interactive demo, all of the following should work:

h('ul',
  h('div.landscape', [h('div.saucer', ['Greetings'])]),
  h('div.landscape', h('div.saucer', ['Greetings'])),
  h('div.landscape', h('div.saucer', 'Greetings')))

Renders:

<ul>
  <div class="landscape"><div class="saucer">Greetings</div></div>
  <div class="landscape"><div class="saucer">Greetings</div></div>
  <div class="landscape"><div class="saucer">Greetings</div></div>
</ul>

My suggestion is to add some text to the ‘Hypertext 101’ section that articulates that while there are a few ways to render children nodes, for the sake of the demo, the preferred way is always to encase them in brackets.

Issue Analytics

State:
Created 5 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

skilfullycurledcommented, Aug 20, 2018

Thanks for the library! I’m confident there’s a lot of folks like me who are eager to become familiar with today’s style of front end programming and it’s nice to have a framework like yours where the barrier of entry is low, but is still expressive.

Take care!

0reactions

johan-gortercommented, Aug 20, 2018

I made the suggested modifications. Thanks for the input!

Top Results From Across the Web

Ebooks - Cengage eReader

Add comments to the ct_about.html file indicating the document's author, date of creation, ... Line 1: Left single angle bracket, exclamation mark, m...

HTML basics - Learn web development | MDN

HTML (HyperText Markup Language) is the code that is used to structure ... (in this case, p), wrapped in opening and closing angle...

HTML 101: html for beginners - Medium

Hypertext refers to text which includes links to… ... font style, font color of the document or will specify which part is the...

HTML Tutorial - W3Schools

HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn -...

Markdown Syntax Documentation - Daring Fireball

For example, to add an HTML table to a Markdown article: ... Note that Markdown formatting syntax is not processed within block-level HTML...