question-mark

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:closed
  • Created 4 years ago
  • Comments:5 (2 by maintainers)

github_iconTop 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!

Read more comments on GitHub >

github_iconTop 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...
Read more >
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...
Read more >
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...
Read more >
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 -...
Read more >
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...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found