Project update with redom.js

in #utopian-io5 years ago (edited)

Project update with redom.js

Repository

https://github.com/kikers17/math-worksheets

Hello everyone, this is an update of my personal project Math-Worksheets
kikers17.github.io_math-worksheets_(iPhone X).png

change of template-engine

delete all my * .pug files that compiled to html in favor of components written in javascript using the library Redom.js that has a syntax that allows me to create reusable components. So, that by writing less code I get the same result with a better development experience

differences between three different ways of writing components

html

 <section class="hero">
  <div class="hero-body">
    <div class="container">
      <h1 class="title">
        Hero title
      </h1>
      <h2 class="subtitle">
        Hero subtitle
      </h2>
    </div>
  </div>
</section>

pug

section.hero
    .hero-body
        .container
            h1.title Hero Title
            h2.subtitle Hero subtitle
    

redom.js

    
import {el} from "redom"

el('section.hero',
    el('.hero-body',
        el('.container',
            [
            el('.title',"Hero title"),
            el('.subtitle',"Hero subtitle")
            ]
            )
        )
    )

change of tools css

Delete some Postcss plugins that made it a preprocessor like Precss, sugarss in favor of using sass for better compatibility with bulma.css and thus preserve the sourcemap, leaving postcss postcssing tasks like adding prefixes for compatibility with different browsers and the minified
https://github.com/kikers17kikers17.github.io_math-worksheets_(Galaxy Note 3) (1).png

commits

Brief description of the project

Deleted all the plugins that can replace sass em preprocessed

replace my handmade css by bulma css to have a better structure in my components and a more maintainable code

Template engine change

GitHub Account

kikers17.github.io_math-worksheets_(Galaxy Note 3).png

Sort:  

Thanks for the contribution, @kikers17. Good to see you have finally added a description to the README.

I have personally never heard of redom.js, but it's cool you are using it to write less code with a better development experience. I still think it would be cool to see posts about additional features instead and if you could make somehow make the project useful for others as well. One of the commits links to http://joedicastro.com/ as well.


Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

Thank you for your review, @amosbastian! Keep up the good work!

Hi @kikers17!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server

Hey, @kikers17!

Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

Coin Marketplace

STEEM 0.30
TRX 0.12
JST 0.033
BTC 64534.17
ETH 3150.15
USDT 1.00
SBD 4.01