babili
didact
Our great sponsors
babili | didact | |
---|---|---|
30 | 47 | |
4,379 | 6,002 | |
0.0% | - | |
0.0 | 0.0 | |
about 2 months ago | about 1 year ago | |
JavaScript | JavaScript | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
babili
-
Fixing for Loops in Go 1.22
The key is that the scoping happens for each iteration, not around the entire loop. That detail is nonobvious, given how many other languages have gotten it wrong, but I wouldn’t say it’s wild.
(If you’re curious how Babel deals with the more complicated cases of continue, break, labelled break, and return, try it out at https://babeljs.io/repl.)
-
You might not need TypeScript Enum
I used https://babeljs.io/repl to know the size after the code has been transpiled.
-
Complete Guide to Authentication in JavaScript
You must have a basic understanding of JavaScript and be familiar with some of the features of ES6, the most recent version of JavaScript, to follow this tutorial. More information is available here if you’re unfamiliar with ES6. If you are more familiar with the older version of JavaScript, you might find the babel REPL more helpful to see how ES6 code is translated.
-
How React, ReactDOM, and JSX Work Together?
The JSX code is far easy to understand, but React, ReactDOM, or browser does not understand it. Babel comes into picture to translate JSX code to equivalent React code.
-
React Tutorial: A Comprehensive Guide for Beginners (2023)
If we copy and paste the code in a Babel repl editor, we will get the equivalent React elements that we used earlier:
-
Hybrid MVC + ReactJS with bootstrap
In your node project, add Babel and Webpack. They can “transpile “ your JSX code to browser compatible code. You can try it out here
-
14-ES6++: Null Coalescing in Javascript
If your project uses a bundler like webpack or rollup, then you can use the nullish coalescing operator in your code. But if you are using a browser, then you should use a transpiler like babel to transpile your code to ES5. You can use babel repl to transpile your code.
-
React JSX
The Babel REPL is an easy way to see what the transpiled output looks like.
-
JSX to ES6 converter(online preferably)
babel has an online playground
- Ask HN: Help, I'm Drowning in JavaScript
didact
-
"Build your own React" - Fiber tree
This post is part of my post series that complements the "Build your own React" tutorial by Rodrigo Pombo.
-
Understanding Tech: Looking Beyond the Surface
Learn how your framework works under the hood, even build your own clone of the framework.
-
Frontend fundamentals
It's a little outdated, but maybe will help https://pomb.us/build-your-own-react/
-
Ask HN: Could you show your personal blog here?
Most popular post https://pomb.us/build-your-own-react/
-
what ate some resources you'd recommend for learning JSX, aside from docs?
https://egghead.io/courses/the-beginner-s-guide-to-react https://kentcdodds.com/blog/what-is-jsx https://pomb.us/build-your-own-react/
- i made my own react
-
Draw SVG rope using JavaScript
Please make the SVG on the side of the viewport rather than on the top, it makes it difficult to read, since our screens are generally wider than they are tall. A similar effect is used on https://pomb.us/build-your-own-react/ if you wanted to take a look.
- GitHub - pomber/didact: A DIY guide to build your own React
- Why do we use "const" for useState instead of "let"?
-
What problems does React solve?
It simplifies things that would otherwise be extremely time-consuming doing with vanilla JS. At the end of the day, React is just some JavaScript code someone else wrote and we're just using it. You can create your own react/framework/library etc. if you want: https://pomb.us/build-your-own-react/
What are some alternatives?
UglifyJS2 - JavaScript parser / mangler / compressor / beautifier toolkit
dnsguide - A guide to writing a DNS Server from scratch in Rust
HTMLMinifier - Javascript-based HTML compressor/minifier (with Node.js support)
codehike - Marvellous code walkthroughs
imagemin - [Unmaintained] Minify images seamlessly
the-super-tiny-compiler - :snowman: Possibly the smallest compiler ever
clean-css - Fast and efficient CSS optimizer for node.js and the Web
react-redux-links - Curated tutorial and resource links I've collected on React, Redux, ES6, and more
minimize - Minimize HTML
overreacted.io - Personal blog by Dan Abramov.
gutenberg - The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
ish - Linux shell for iOS