babili
didact
Our great sponsors
babili | didact | |
---|---|---|
30 | 47 | |
4,377 | 6,002 | |
0.0% | - | |
0.0 | 0.0 | |
16 days 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.)
-
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.
-
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:
-
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.
- Ask HN: Help, I'm Drowning in JavaScript
-
A Huge Selection of FREE and high-quality Web Services!
ES6+ & JSX Compiler - https://babeljs.io/repl
-
ES Modules Are Terrible
It isn't default export, as you can see here: https://babeljs.io/repl#?browsers=node16&build=&builtIns=fal...
-
React is Just Javascript
You can play around with Babel and its transpiled code on the live babel repl. To get to know about JSX, head-over to JSX on react docs.
-
Essential concepts you need to know about React
I would encourage you to spend some time with the source code in React, play around with JSX in the online babel REPL to see the compiled version of that code, so you can be better at understanding, reading and using it. Knowing what the abstraction does, will you make more effective to use it.
-
Ever wonder what React does?
I hope you learned a few things by reading this post. I think this is really interesting to know what's going on "under the hood" when writing React Components. The more you can compile down JSX in your head, the more efficient you will be using it. Feel free to play around in the Babel playground to see what's the output of the JSX you write in real-time!
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.
-
Ask HN: Could you show your personal blog here?
Most popular post https://pomb.us/build-your-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.
-
The self-fulfilling prophecy of React
Anything particular you want to know about it?
Assuming you're asking more along the lines of "how does it work internally?", these are my usual recommendations:
- My own extensive post "A (Mostly) Complete Guide to React Rendering Behavior: https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-...
- Related, "When does React render your component?", which looks more at the source level checks: https://www.zhenghao.io/posts/react-rerender
- Dan Abramov's "A Complete Guide to useEffect" https://overreacted.io/a-complete-guide-to-useeffect/
- Shawn Swyx Wang's talk "Getting Closure on React Hooks" that builds a mini version of React hooks: https://www.swyx.io/hooks/
- Rodrigo Pomber's excellent "Didact: Build a Miniature React with Hooks": https://pomb.us/build-your-own-react
- Looking for the name of a site where you 'build' React from scratch
-
If you had 6 months to go from intermediate to advanced in JavaScript, where would you start?
understand how react actually works by building a simple version of it: https://pomb.us/build-your-own-react/
-
useState under the hood question
If you want a good walkthrough of roughly how this process works without the complexity of the full React codebase, I'd suggest going through the "Didact Fiber" tutorial / explanation at https://github.com/pomber/didact , particularly https://pomb.us/build-your-own-react/ .
- Is there an educational clone/rewrite of Solid.js?
-
Quit my job because I was too dumb to complete project
With that said, given time to study the topic I don't think understanding the basics of how some framework works under the hood should be "out of your league" even if it seems daunting. In a single tutorial you can learn how React is built; in college you can learn to build a (basic) OS or compiler in a single class. It's not like you need a PhD to work on these frameworks and plenty of people who contribute to them are just regular software engineers. It just takes some time to study how they work.
What are some alternatives?
UglifyJS2 - JavaScript parser / mangler / compressor / beautifier toolkit
HTMLMinifier - Javascript-based HTML compressor/minifier (with Node.js support)
imagemin - [Unmaintained] Minify images seamlessly
clean-css - Fast and efficient CSS optimizer for node.js and the Web
minimize - Minimize HTML
dnsguide - A guide to writing a DNS Server from scratch in Rust
codehike - Marvellous code walkthroughs
the-super-tiny-compiler - :snowman: Possibly the smallest compiler ever
react-redux-links - Curated tutorial and resource links I've collected on React, Redux, ES6, and more
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