GithubHelp home page GithubHelp logo

mfrachet / create-frontend-framework Goto Github PK

View Code? Open in Web Editor NEW
215.0 5.0 36.0 1.51 MB

๐Ÿ‘“ Creating a front end framework for learning purpose

Home Page: https://mfrachet.github.io/create-frontend-framework

JavaScript 59.03% HTML 14.89% Stylus 26.07%

create-frontend-framework's Issues

Yarn error

Hi
I am getting these errors when trying to start a white page:
C:\FrontEnd\create-frontend-framework>yarn && yarn start
yarn install v1.22.4
[1/4] Resolving packages...
[2/4] Fetching packages...
warning [email protected]: Invalid bin field for "mini-css-extract-plugin".
error [email protected]: The engine "node" is incompatible with this module. Expected version ">=4 <=9". Got "12.15.0"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
yarn run v1.22.4
$ rm -rf .cache && rm -rf dist && parcel serve index.html
'rm' is not recognized as an internal or external command,
operable program or batch file.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

P.S. New to all this please assist

code example mistake

</code></pre></div><h2 id="delegate-the-dom-manipulations-to-snabbdom"><a href="#delegate-the-dom-manipulations-to-snabbdom" aria-hidden="true" class="header-anchor">#</a> Delegate the DOM manipulations to snabbdom</h2> <p>We can now refacto the <code>./framework/element.js</code> to delegate our DOM node creation to the VDOM.</p> <p>We're going to deal with <code>virtual node</code> thanks to <code>h</code> of <code>snabbdom</code>:</p> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">import</span> h <span class="token keyword">from</span> <span class="token string">&quot;snabbdom/h&quot;</span><span class="token punctuation">;</span>

correct is import {h} from "snabbdom";, or hold snabbdom version in exapmles

Improve the experience

  • Use a gatsby project for this
  • Correct the none-english sentances
  • Make the example clearer and less functional oriented (reduce is not super straightforward here)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.