<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="91343" data-post-id="91343">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="English3000" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/English3000/120/10551_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  English3000
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Funny that you mention that. I literally came across Reason earlier today.</p>
<p>The thing is I’d argue Reason is a step down from JavaScript in terms of syntax.</p>
<p>In all, I’m really happy with React and JSX–I just miss the feeling I have when writing Elixir code, where every character is meaningful.</p>
<p>My issue with JavaScript’s at times slightly verbose syntax is it creates mental friction for me. Imagine reading a made up dialect of English that put “to” in front of all verbs and “a”, “an” or “the” in front of all nouns–</p>
<blockquote>
<p>My an issue with the JavaScript’s at times slightly verbose the syntax to is it to creates mental the friction for me…</p>
</blockquote>
<p>–It isn’t necessary and makes the sentence harder to read. I have to use effort to filter out these meaningless filler words in order to understand what I’ve written (or debug, for that matter).</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="91343" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/elixirscript-converts-elixir-to-javascript/2409/42">Post #41</a>
	                </div>
	            </div>
              <div id="likers-container-91343" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="91343"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #41"></div>
  </section>
</div>
    <div class="postbit" id="91345" data-post-id="91345">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="tme_317" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  tme_317
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hmmm… maybe you would like using OCaml syntax instead of ReasonML syntax (both compiled to JS by Bucklescript) if you want a less verbose syntax.  Although in that case not sure how you can use JSX.  There is the <a href="https://github.com/OvermindDL1/bucklescript-tea" rel="noopener nofollow ugc">bucklescript-tea</a> project but instead of JSX it uses an Elm-style list-of-list representation of the DOM.</p>
<p>Maybe someone knowledgable over on the <a href="http://reasonml.chat" rel="noopener nofollow ugc">ReasonML Forums</a> would know how you could use ReasonReact and JSX (which like you said is just calls to <code>React.createElement</code>) with the less verbose OCaml syntax.  It must be possible I’ve just not seen examples.</p>
<p>I’m not as interested in the syntax but the excellent inferred typing (without using TS or Flow) is the big win for me.  Biggest drawbacks is having to find (or write) bindings to random 3rd party JS libraries (if you need them) and the relatively small (but friendly) community.  Anyway it might be close to what you are looking for.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="91345" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/elixirscript-converts-elixir-to-javascript/2409/43">Post #42</a>
	                </div>
	            </div>
              <div id="likers-container-91345" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="91345"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-last-post cat-last-post" title="Last post!"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <span class="all-loaded">— All posts loaded —</span>
</div></template></turbo-stream>