Let's explore 10 game-changing open source libraries that can make your code faster, prettier, and cheaper. A hand-picked list of the coolest dev tools and projects on GitHub in 2022. 

#tech #code #top10

🔗 Resources

Full React Course https://fireship.io/courses/react/
REST in 100 Seconds https://youtu.be/-MTSQjw5DrM
GraphQL in 100 Seconds https://youtu.be/eIQh02xuVw4

📦  Packages Mentioned

The Fuck https://github.com/nvbn/thefuck
Partytown https://github.com/BuilderIO/partytown
Trcp https://github.com/trpc/trpc
Mantine https://mantine.dev/
Danfo https://github.com/javascriptdata/danfojs
Supertokens https://github.com/supertokens/supertokens-core
Zinc https://github.com/prabhatsharma/zinc
MeiliSeach https://github.com/meilisearch/meilisearch
NokoDB https://github.com/nocodb/nocodb
Hi Mom https://github.com/tsivinsky/hi-mom
Hoppscotch https://github.com/hoppscotch/hoppscotch
Amplication https://github.com/amplication/amplication


🔥 Get More Content - Upgrade to PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- Best open source libraries 2022
- List of developer tools
- New developer tools
2024-02-04T05:31:09.779Z
nova-2
2-general-nova
2024-01-09.29447
30089e05-99d1-4376-b32e-c263170674af
9ae5ec40-fc05-4d3b-ba47-fe4ff5faadf6
e85f1aa2f7fa689d0a1808e24490c05274952c8861062605fb9c50db4284f767
67875a7f-c9c4-48a0-aa55-5bdb8a91c34a
deprecated
I just discovered a way to build a $1,000,000,000 startup entirely from free open source software from the most talented programmers in the world.
Actually, everybody knows that already.
Like, why pay an engineer when you can just use their stuff for free on GitHub?
In today's video, we're going to cheat off the smart kids' homework and look at some of the coolest open source libraries that you've never heard of.
Tools that will make your apps faster, better looking, and less expensive to run.
You'll ask yourself, what the, how have I not been using that already?
And that brings us to library number 1, the fuck.
Normally, when you type a command into the terminal and make a typo, you just say fuck in your head and then retype the command from scratch.
The fuck Makes this process much more intuitive, allowing you to simply type fuck into the terminal, then it will attempt to reformat your command automatically.
To be honest, it's pretty fucking useful.
Here's a problem that anybody who's Ever built a website is faced.
It's too slow.
Even if you work really hard to create a tiny JavaScript bundle, The product manager will eventually tell you to add a bunch of other junk like Mixpanel, Intercom, and Google Analytics.
These third party scripts clog up the main thread and will make your app slow no matter what.
Luckily, there's an open source library called Partytown that can run third party scripts from a web worker.
JavaScript is single threaded, but modern browsers This allow you to run background jobs via web workers.
Partytown will offload any scripts that don't deal directly with the UI into a web worker, and that means the only thing on The main thread is your UI, which leads to a faster, more responsive website.
Another problem that every app developer will need to solve is user authentication.
Firebase is great, but it's somewhat feature limited.
Auth0 is great, but it's expensive.
And that brings us to Supertokens, which is an open source authentication Solution, it provides SDKs for run times like Node and Python, allowing you to quickly self host a fully featured authentication system with support for OAuth providers, passwordless login, but most importantly, it deals with session management and security.
Pretty cool, but it's got nothing on this next one.
Imom is a blazingly fast JavaScript library that can say hi to your mom in record time.
Here's a pro tip if you're building an open source library.
Make Sure that the readme includes phrases like blazingly fast, bleeding edge, holistic approach, and game changing because they make your library better, the same way putting flame stickers on a car makes it Go faster.
Next up, we have a 2 for 1.
Many businesses out there need to build their own full text search engine, either for internal data or to build a search engine for their customers.
You could go with Elasticsearch, but it's expensive and complicated if you self host.
There are 2 very promising open source alternatives.
1 is Melee search implemented in tested in Rust, and the other is Zynq implemented in Go.
Both provide a fast, simplified way to build your own search engine.
Now, our next library, trcp, TPRC, t RPC, is exceptionally cool, but a little harder to explain.
If you're building an API today, there are two main approaches, REST and GraphQL.
I won't go into the differences right now, although I do have videos for that, but there's another less talked about approach called RPC or remote procedure call.
And, basically, it's just a URL on a server, but unlike rest that corresponds to an entity, it corresponds to a function that you want to run on the server.
This approach actually makes a ton of sense for many modern t r p c allows you to build entirely type safe APIs without the need for schemas or code generation like you would with GraphQL.
Overall, I think it has The potential to fundamentally simplify the way we build full stack web applications.
Speaking of simplification, one company that has simplified the modern database is Airtable.
The only problem is that you have to pay a company to use it.
If only there was an open source alternative.
Nocodb does exactly that.
It's an open source Airtable that can be built on top of your own MySQL or Postgres database.
In other words, it's an open source no code database or smart spreadsheet.
As a developer, another piece of Software you may want to replace is Postman, your HTTP client.
An awesome open source alternative is Hopscotch, which is built with Vue.
Js and TypeScript entirely as a progressive web app.
Not only is it open source, but you can go use it in Priorly as a progressive web app, not only is it open source, but you can go use it in the browser right now at hopscotch I o and then install it as a PWA on your desktop.
And now it runs in a native window and allows you to interact with your file system.
Now, if you've ever coded in Python then Try JavaScript later, you might be shocked at how difficult it is to work with multi dimensional arrays.
What is this?
In Python, we have libraries like Pandas that can do all kinds of useful stuff up to an array or data frame.
Not many people realize that there's a library called Danfo JS that is inspired by Pandas and can do many of the things you know and love, like read a CSV file and process the data within it before it gets sent to a machine learning library like TensorFlow.
That's pretty useful, but the hardest thing in front end web development is making your website look good.
There's a million different tools out there that can help you do that, but one I've been really loving recently for React is Mantine.
Not only does it have a bunch of well crafted UI components, like this nice looking time But it also has a bunch of built in hooks that handle many of the annoying things that you'll come across when building a web app, like debouncing an input or paginating a collection of items.
On top of That it has optional packages for a notification system, rich text editor, and a drop zone for file uploads.
It's so awesome that we use it in one of the demo apps in the full React course on Fireship IO.
Check it out if you want to build a serious app with React.
Now, the problem with all the libraries that we've looked at so far is that they require you to know how to Write some code.
If you have an idea for a full stack application, but want to skip the whole learn to code part, an open source tool to check out is Amplication.
It's a tool that can automatically generate both your front end and back end code based on relationships to data models in a database that you can manage visually.
The back end is built with other open source tools like Node, Nest JS, and Prisma, while the front end is based on React.
Even if you do know how to code, this It's a tool that can speed up your workflow, and that gives you 10 new open source libraries to try out in your next project.
Hit the like button and subscribe.
Thanks for watching, and I will see See you in the next one.

Speaker 0: I just discovered a way to build a $1,000,000,000 startup entirely from free open source software from the most talented programmers in the world. Actually, everybody knows that already. Like, why pay an engineer when you can just use their stuff for free on GitHub? In today's video, we're going to cheat off the smart kids' homework and look at some of the coolest open source libraries that you've never heard of. Tools that will make your apps faster, better looking, and less expensive to run.

You'll ask yourself, what the, how have I not been using that already? And that brings us to library number 1, the fuck. Normally, when you type a command into the terminal and make a typo, you just say fuck in your head and then retype the command from scratch. The fuck Makes this process much more intuitive, allowing you to simply type fuck into the terminal, then it will attempt to reformat your command automatically. To be honest, it's pretty fucking useful.

Here's a problem that anybody who's Ever built a website is faced. It's too slow. Even if you work really hard to create a tiny JavaScript bundle, The product manager will eventually tell you to add a bunch of other junk like Mixpanel, Intercom, and Google Analytics. These third party scripts clog up the main thread and will make your app slow no matter what. Luckily, there's an open source library called Partytown that can run third party scripts from a web worker.

JavaScript is single threaded, but modern browsers This allow you to run background jobs via web workers. Partytown will offload any scripts that don't deal directly with the UI into a web worker, and that means the only thing on The main thread is your UI, which leads to a faster, more responsive website. Another problem that every app developer will need to solve is user authentication. Firebase is great, but it's somewhat feature limited. Auth0 is great, but it's expensive.

And that brings us to Supertokens, which is an open source authentication Solution, it provides SDKs for run times like Node and Python, allowing you to quickly self host a fully featured authentication system with support for OAuth providers, passwordless login, but most importantly, it deals with session management and security. Pretty cool, but it's got nothing on this next one. Imom is a blazingly fast JavaScript library that can say hi to your mom in record time. Here's a pro tip if you're building an open source library. Make Sure that the readme includes phrases like blazingly fast, bleeding edge, holistic approach, and game changing because they make your library better, the same way putting flame stickers on a car makes it Go faster.

Next up, we have a 2 for 1. Many businesses out there need to build their own full text search engine, either for internal data or to build a search engine for their customers. You could go with Elasticsearch, but it's expensive and complicated if you self host. There are 2 very promising open source alternatives. 1 is Melee search implemented in tested in Rust, and the other is Zynq implemented in Go.

Both provide a fast, simplified way to build your own search engine. Now, our next library, trcp, TPRC, t RPC, is exceptionally cool, but a little harder to explain. If you're building an API today, there are two main approaches, REST and GraphQL. I won't go into the differences right now, although I do have videos for that, but there's another less talked about approach called RPC or remote procedure call. And, basically, it's just a URL on a server, but unlike rest that corresponds to an entity, it corresponds to a function that you want to run on the server.

This approach actually makes a ton of sense for many modern t r p c allows you to build entirely type safe APIs without the need for schemas or code generation like you would with GraphQL. Overall, I think it has The potential to fundamentally simplify the way we build full stack web applications. Speaking of simplification, one company that has simplified the modern database is Airtable. The only problem is that you have to pay a company to use it. If only there was an open source alternative.

Nocodb does exactly that. It's an open source Airtable that can be built on top of your own MySQL or Postgres database. In other words, it's an open source no code database or smart spreadsheet. As a developer, another piece of Software you may want to replace is Postman, your HTTP client. An awesome open source alternative is Hopscotch, which is built with Vue.

Js and TypeScript entirely as a progressive web app. Not only is it open source, but you can go use it in Priorly as a progressive web app, not only is it open source, but you can go use it in the browser right now at hopscotch I o and then install it as a PWA on your desktop. And now it runs in a native window and allows you to interact with your file system. Now, if you've ever coded in Python then Try JavaScript later, you might be shocked at how difficult it is to work with multi dimensional arrays. What is this?

In Python, we have libraries like Pandas that can do all kinds of useful stuff up to an array or data frame. Not many people realize that there's a library called Danfo JS that is inspired by Pandas and can do many of the things you know and love, like read a CSV file and process the data within it before it gets sent to a machine learning library like TensorFlow. That's pretty useful, but the hardest thing in front end web development is making your website look good. There's a million different tools out there that can help you do that, but one I've been really loving recently for React is Mantine. Not only does it have a bunch of well crafted UI components, like this nice looking time But it also has a bunch of built in hooks that handle many of the annoying things that you'll come across when building a web app, like debouncing an input or paginating a collection of items.

On top of That it has optional packages for a notification system, rich text editor, and a drop zone for file uploads. It's so awesome that we use it in one of the demo apps in the full React course on Fireship IO. Check it out if you want to build a serious app with React. Now, the problem with all the libraries that we've looked at so far is that they require you to know how to Write some code. If you have an idea for a full stack application, but want to skip the whole learn to code part, an open source tool to check out is Amplication.

It's a tool that can automatically generate both your front end and back end code based on relationships to data models in a database that you can manage visually. The back end is built with other open source tools like Node, Nest JS, and Prisma, while the front end is based on React. Even if you do know how to code, this It's a tool that can speed up your workflow, and that gives you 10 new open source libraries to try out in your next project. Hit the like button and subscribe. Thanks for watching, and I will see See you in the next one.
I just discovered a way to build a $1,000,000,000 startup entirely from free open source software from the most talented programmers in the world. Actually, everybody knows that already.
Like, why pay an engineer when you can just use their stuff for free on GitHub? In today's video, we're going to cheat off the smart kids' homework and look at some of the coolest open source libraries that you've never heard of. Tools that will make your apps faster, better looking, and less expensive to run. You'll ask yourself, what the, how have I not been using that already? And that brings us to library number 1, the fuck. Normally, when you type a command into the terminal and make a typo, you just say fuck in your head and then retype the command from scratch.
software
microsoft
The fuck Makes this process much more intuitive, allowing you to simply type fuck into the terminal, then it will attempt to reformat your command automatically. To be honest, it's pretty fucking useful. Here's a problem that anybody who's Ever built a website is faced. It's too slow. Even if you work really hard to create a tiny JavaScript bundle, The product manager will eventually tell you to add a bunch of other junk like Mixpanel, Intercom, and Google Analytics. These third party scripts clog up the main thread and will make your app slow no matter what. Luckily, there's an open source library called Partytown that can run third party scripts from a web worker. JavaScript is single threaded, but modern browsers This allow you to run background jobs via web workers. Partytown will offload any scripts that don't deal directly with the UI into a web worker, and that means the only thing on The main thread is your UI, which leads to a faster, more responsive website.
Another problem that every app developer will need to solve is user authentication. Firebase is great, but it's somewhat feature limited. Auth0 is great, but it's expensive. And that brings us to Supertokens, which is an open source authentication Solution, it provides SDKs for run times like Node and Python, allowing you to quickly self host a fully featured authentication system with support for OAuth providers, passwordless login, but most importantly, it deals with session management and security.
security
cryptocurrency
networking
Pretty cool, but it's got nothing on this next one. Imom is a blazingly fast JavaScript library that can say hi to your mom in record time. Here's a pro tip if you're building an open source library. Make Sure that the readme includes phrases like blazingly fast, bleeding edge, holistic approach, and game changing because they make your library better, the same way putting flame stickers on a car makes it Go faster.
Next up, we have a 2 for 1. Many businesses out there need to build their own full text search engine, either for internal data or to build a search engine for their customers. You could go with Elasticsearch, but it's expensive and complicated if you self host. There are 2 very promising open source alternatives. 1 is Melee search implemented in tested in Rust, and the other is Zynq implemented in Go. Both provide a fast, simplified way to build your own search engine. Now, our next library, trcp, TPRC, t RPC, is exceptionally cool, but a little harder to explain. If you're building an API today, there are two main approaches, REST and GraphQL. I won't go into the differences right now, although I do have videos for that, but there's another less talked about approach called RPC or remote procedure call.
websites
commerce
databases
software development
data management
internet
And, basically, it's just a URL on a server, but unlike rest that corresponds to an entity, it corresponds to a function that you want to run on the server. This approach actually makes a ton of sense for many modern t r p c allows you to build entirely type safe APIs without the need for schemas or code generation like you would with GraphQL.
Overall, I think it has The potential to fundamentally simplify the way we build full stack web applications. Speaking of simplification, one company that has simplified the modern database is Airtable. The only problem is that you have to pay a company to use it. If only there was an open source alternative. Nocodb does exactly that. It's an open source Airtable that can be built on top of your own MySQL or Postgres database. In other words, it's an open source no code database or smart spreadsheet.
databases
data management
As a developer, another piece of Software you may want to replace is Postman, your HTTP client. An awesome open source alternative is Hopscotch, which is built with Vue. Js and TypeScript entirely as a progressive web app. Not only is it open source, but you can go use it in Priorly as a progressive web app, not only is it open source, but you can go use it in the browser right now at hopscotch I o and then install it as a PWA on your desktop.
software
software development
And now it runs in a native window and allows you to interact with your file system. Now, if you've ever coded in Python then Try JavaScript later, you might be shocked at how difficult it is to work with multi dimensional arrays. What is this? In Python, we have libraries like Pandas that can do all kinds of useful stuff up to an array or data frame. Not many people realize that there's a library called Danfo JS that is inspired by Pandas and can do many of the things you know and love, like read a CSV file and process the data within it before it gets sent to a machine learning library like TensorFlow. That's pretty useful, but the hardest thing in front end web development is making your website look good.
programming
computer science
There's a million different tools out there that can help you do that, but one I've been really loving recently for React is Mantine. Not only does it have a bunch of well crafted UI components, like this nice looking time But it also has a bunch of built in hooks that handle many of the annoying things that you'll come across when building a web app, like debouncing an input or paginating a collection of items. On top of That it has optional packages for a notification system, rich text editor, and a drop zone for file uploads. It's so awesome that we use it in one of the demo apps in the full React course on Fireship IO. Check it out if you want to build a serious app with React. Now, the problem with all the libraries that we've looked at so far is that they require you to know how to Write some code.
If you have an idea for a full stack application, but want to skip the whole learn to code part, an open source tool to check out is Amplication. It's a tool that can automatically generate both your front end and back end code based on relationships to data models in a database that you can manage visually. The back end is built with other open source tools like Node, Nest JS, and Prisma, while the front end is based on React.
databases
software
Even if you do know how to code, this It's a tool that can speed up your workflow, and that gives you 10 new open source libraries to try out in your next project.
Hit the like button and subscribe. Thanks for watching, and I will see See you in the next one.
I just discovered a way to build a $1,000,000,000 startup entirely from free open source software from the most talented programmers in the world. Actually, everybody knows that already. Like, why pay an engineer when you can just use their stuff for free on GitHub? In today's video, we're going to cheat off the smart kids' homework and look at some of the coolest open source libraries that you've never heard of. Tools that will make your apps faster, better looking, and less expensive to run. You'll ask yourself, what the, how have I not been using that already? And that brings us to library number 1, the fuck. Normally, when you type a command into the terminal and make a typo, you just say fuck in your head and then retype the command from scratch. The fuck Makes this process much more intuitive, allowing you to simply type fuck into the terminal, then it will attempt to reformat your command automatically. To be honest, it's pretty fucking useful. Here's a problem that anybody who's Ever built a website is faced. It's too slow. Even if you work really hard to create a tiny JavaScript bundle, The product manager will eventually tell you to add a bunch of other junk like Mixpanel, Intercom, and Google Analytics. These third party scripts clog up the main thread and will make your app slow no matter what. Luckily, there's an open source library called Partytown that can run third party scripts from a web worker. JavaScript is single threaded, but modern browsers This allow you to run background jobs via web workers. Partytown will offload any scripts that don't deal directly with the UI into a web worker, and that means the only thing on The main thread is your UI, which leads to a faster, more responsive website. Another problem that every app developer will need to solve is user authentication. Firebase is great, but it's somewhat feature limited. Auth0 is great, but it's expensive. And that brings us to Supertokens, which is an open source authentication Solution, it provides SDKs for run times like Node and Python, allowing you to quickly self host a fully featured authentication system with support for OAuth providers, passwordless login, but most importantly, it deals with session management and security. Pretty cool, but it's got nothing on this next one. Imom is a blazingly fast JavaScript library that can say hi to your mom in record time. Here's a pro tip if you're building an open source library. Make Sure that the readme includes phrases like blazingly fast, bleeding edge, holistic approach, and game changing because they make your library better, the same way putting flame stickers on a car makes it Go faster. Next up, we have a 2 for 1. Many businesses out there need to build their own full text search engine, either for internal data or to build a search engine for their customers. You could go with Elasticsearch, but it's expensive and complicated if you self host. There are 2 very promising open source alternatives. 1 is Melee search implemented in tested in Rust, and the other is Zynq implemented in Go. Both provide a fast, simplified way to build your own search engine. Now, our next library, trcp, TPRC, t RPC, is exceptionally cool, but a little harder to explain. If you're building an API today, there are two main approaches, REST and GraphQL. I won't go into the differences right now, although I do have videos for that, but there's another less talked about approach called RPC or remote procedure call. And, basically, it's just a URL on a server, but unlike rest that corresponds to an entity, it corresponds to a function that you want to run on the server. This approach actually makes a ton of sense for many modern t r p c allows you to build entirely type safe APIs without the need for schemas or code generation like you would with GraphQL. Overall, I think it has The potential to fundamentally simplify the way we build full stack web applications. Speaking of simplification, one company that has simplified the modern database is Airtable. The only problem is that you have to pay a company to use it. If only there was an open source alternative. Nocodb does exactly that. It's an open source Airtable that can be built on top of your own MySQL or Postgres database. In other words, it's an open source no code database or smart spreadsheet. As a developer, another piece of Software you may want to replace is Postman, your HTTP client. An awesome open source alternative is Hopscotch, which is built with Vue. Js and TypeScript entirely as a progressive web app. Not only is it open source, but you can go use it in Priorly as a progressive web app, not only is it open source, but you can go use it in the browser right now at hopscotch I o and then install it as a PWA on your desktop. And now it runs in a native window and allows you to interact with your file system. Now, if you've ever coded in Python then Try JavaScript later, you might be shocked at how difficult it is to work with multi dimensional arrays. What is this? In Python, we have libraries like Pandas that can do all kinds of useful stuff up to an array or data frame. Not many people realize that there's a library called Danfo JS that is inspired by Pandas and can do many of the things you know and love, like read a CSV file and process the data within it before it gets sent to a machine learning library like TensorFlow. That's pretty useful, but the hardest thing in front end web development is making your website look good. There's a million different tools out there that can help you do that, but one I've been really loving recently for React is Mantine. Not only does it have a bunch of well crafted UI components, like this nice looking time But it also has a bunch of built in hooks that handle many of the annoying things that you'll come across when building a web app, like debouncing an input or paginating a collection of items. On top of That it has optional packages for a notification system, rich text editor, and a drop zone for file uploads. It's so awesome that we use it in one of the demo apps in the full React course on Fireship IO. Check it out if you want to build a serious app with React. Now, the problem with all the libraries that we've looked at so far is that they require you to know how to Write some code. If you have an idea for a full stack application, but want to skip the whole learn to code part, an open source tool to check out is Amplication. It's a tool that can automatically generate both your front end and back end code based on relationships to data models in a database that you can manage visually. The back end is built with other open source tools like Node, Nest JS, and Prisma, while the front end is based on React. Even if you do know how to code, this It's a tool that can speed up your workflow, and that gives you 10 new open source libraries to try out in your next project. Hit the like button and subscribe. Thanks for watching, and I will see See you in the next one.
I
i
just
just
discovered
discovered
a
a
way
way
to
to
build
build
a
a
$1,000,000,000
$1,000,000,000
startup
startup
entirely
entirely
from
from
free
free
open
open
source
source
software
software
from
from
the
the
most
most
talented
talented
programmers
programmers
in
in
the
the
world.
world
Actually,
actually
everybody
everybody
knows
knows
that
that
already.
already
Like,
like
why
why
pay
pay
an
an
engineer
engineer
when
when
you
you
can
can
just
just
use
use
their
their
stuff
stuff
for
for
free
free
on
on
GitHub?
github
In
in
today's
today's
video,
video
we're
we're
going
going
to
to
cheat
cheat
off
off
the
the
smart
smart
kids'
kids'
homework
homework
and
and
look
look
at
at
some
some
of
of
the
the
coolest
coolest
open
open
source
source
libraries
libraries
that
that
you've
you've
never
never
heard
heard
of.
of
Tools
tools
that
that
will
will
make
make
your
your
apps
apps
faster,
faster
better
better
looking,
looking
and
and
less
less
expensive
expensive
to
to
run.
run
You'll
you'll
ask
ask
yourself,
yourself
what
what
the,
the
how
how
have
have
I
i
not
not
been
been
using
using
that
that
already?
already
And
and
that
that
brings
brings
us
us
to
to
library
library
number
number
1,
1
the
the
fuck.
fuck
Normally,
normally
when
when
you
you
type
type
a
a
command
command
into
into
the
the
terminal
terminal
and
and
make
make
a
a
typo,
typo
you
you
just
just
say
say
fuck
fuck
in
in
your
your
head
head
and
and
then
then
retype
retype
the
the
command
command
from
from
scratch.
scratch
The
the
fuck
fuck
Makes
makes
this
this
process
process
much
much
more
more
intuitive,
intuitive
allowing
allowing
you
you
to
to
simply
simply
type
type
fuck
fuck
into
into
the
the
terminal,
terminal
then
then
it
it
will
will
attempt
attempt
to
to
reformat
reformat
your
your
command
command
automatically.
automatically
To
to
be
be
honest,
honest
it's
it's
pretty
pretty
fucking
fucking
useful.
useful
Here's
here's
a
a
problem
problem
that
that
anybody
anybody
who's
who's
Ever
ever
built
built
a
a
website
website
is
is
faced.
faced
It's
it's
too
too
slow.
slow
Even
even
if
if
you
you
work
work
really
really
hard
hard
to
to
create
create
a
a
tiny
tiny
JavaScript
javascript
bundle,
bundle
The
the
product
product
manager
manager
will
will
eventually
eventually
tell
tell
you
you
to
to
add
add
a
a
bunch
bunch
of
of
other
other
junk
junk
like
like
Mixpanel,
mixpanel
Intercom,
intercom
and
and
Google
google
Analytics.
analytics
These
these
third
third
party
party
scripts
scripts
clog
clog
up
up
the
the
main
main
thread
thread
and
and
will
will
make
make
your
your
app
app
slow
slow
no
no
matter
matter
what.
what
Luckily,
luckily
there's
there's
an
an
open
open
source
source
library
library
called
called
Partytown
partytown
that
that
can
can
run
run
third
third
party
party
scripts
scripts
from
from
a
a
web
web
worker.
worker
JavaScript
javascript
is
is
single
single
threaded,
threaded
but
but
modern
modern
browsers
browsers
This
this
allow
allow
you
you
to
to
run
run
background
background
jobs
jobs
via
via
web
web
workers.
workers
Partytown
partytown
will
will
offload
offload
any
any
scripts
scripts
that
that
don't
don't
deal
deal
directly
directly
with
with
the
the
UI
ui
into
into
a
a
web
web
worker,
worker
and
and
that
that
means
means
the
the
only
only
thing
thing
on
on
The
the
main
main
thread
thread
is
is
your
your
UI,
ui
which
which
leads
leads
to
to
a
a
faster,
faster
more
more
responsive
responsive
website.
website
Another
another
problem
problem
that
that
every
every
app
app
developer
developer
will
will
need
need
to
to
solve
solve
is
is
user
user
authentication.
authentication
Firebase
firebase
is
is
great,
great
but
but
it's
it's
somewhat
somewhat
feature
feature
limited.
limited
Auth0
auth0
is
is
great,
great
but
but
it's
it's
expensive.
expensive
And
and
that
that
brings
brings
us
us
to
to
Supertokens,
supertokens
which
which
is
is
an
an
open
open
source
source
authentication
authentication
Solution,
solution
it
it
provides
provides
SDKs
sdks
for
for
run
run
times
times
like
like
Node
node
and
and
Python,
python
allowing
allowing
you
you
to
to
quickly
quickly
self
self
host
host
a
a
fully
fully
featured
featured
authentication
authentication
system
system
with
with
support
support
for
for
OAuth
oauth
providers,
providers
passwordless
passwordless
login,
login
but
but
most
most
importantly,
importantly
it
it
deals
deals
with
with
session
session
management
management
and
and
security.
security
Pretty
pretty
cool,
cool
but
but
it's
it's
got
got
nothing
nothing
on
on
this
this
next
next
one.
one
Imom
imom
is
is
a
a
blazingly
blazingly
fast
fast
JavaScript
javascript
library
library
that
that
can
can
say
say
hi
hi
to
to
your
your
mom
mom
in
in
record
record
time.
time
Here's
here's
a
a
pro
pro
tip
tip
if
if
you're
you're
building
building
an
an
open
open
source
source
library.
library
Make
make
Sure
sure
that
that
the
the
readme
readme
includes
includes
phrases
phrases
like
like
blazingly
blazingly
fast,
fast
bleeding
bleeding
edge,
edge
holistic
holistic
approach,
approach
and
and
game
game
changing
changing
because
because
they
they
make
make
your
your
library
library
better,
better
the
the
same
same
way
way
putting
putting
flame
flame
stickers
stickers
on
on
a
a
car
car
makes
makes
it
it
Go
go
faster.
faster
Next
next
up,
up
we
we
have
have
a
a
2
2
for
for
1.
1
Many
many
businesses
businesses
out
out
there
there
need
need
to
to
build
build
their
their
own
own
full
full
text
text
search
search
engine,
engine
either
either
for
for
internal
internal
data
data
or
or
to
to
build
build
a
a
search
search
engine
engine
for
for
their
their
customers.
customers
You
you
could
could
go
go
with
with
Elasticsearch,
elasticsearch
but
but
it's
it's
expensive
expensive
and
and
complicated
complicated
if
if
you
you
self
self
host.
host
There
there
are
are
2
2
very
very
promising
promising
open
open
source
source
alternatives.
alternatives
1
1
is
is
Melee
melee
search
search
implemented
implemented
in
in
tested
tested
in
in
Rust,
rust
and
and
the
the
other
other
is
is
Zynq
zynq
implemented
implemented
in
in
Go.
go
Both
both
provide
provide
a
a
fast,
fast
simplified
simplified
way
way
to
to
build
build
your
your
own
own
search
search
engine.
engine
Now,
now
our
our
next
next
library,
library
trcp,
trcp
TPRC,
tprc
t
t
RPC,
rpc
is
is
exceptionally
exceptionally
cool,
cool
but
but
a
a
little
little
harder
harder
to
to
explain.
explain
If
if
you're
you're
building
building
an
an
API
api
today,
today
there
there
are
are
two
two
main
main
approaches,
approaches
REST
rest
and
and
GraphQL.
graphql
I
i
won't
won't
go
go
into
into
the
the
differences
differences
right
right
now,
now
although
although
I
i
do
do
have
have
videos
videos
for
for
that,
that
but
but
there's
there's
another
another
less
less
talked
talked
about
about
approach
approach
called
called
RPC
rpc
or
or
remote
remote
procedure
procedure
call.
call
And,
and
basically,
basically
it's
it's
just
just
a
a
URL
url
on
on
a
a
server,
server
but
but
unlike
unlike
rest
rest
that
that
corresponds
corresponds
to
to
an
an
entity,
entity
it
it
corresponds
corresponds
to
to
a
a
function
function
that
that
you
you
want
want
to
to
run
run
on
on
the
the
server.
server
This
this
approach
approach
actually
actually
makes
makes
a
a
ton
ton
of
of
sense
sense
for
for
many
many
modern
modern
t
t
r
r
p
p
c
c
allows
allows
you
you
to
to
build
build
entirely
entirely
type
type
safe
safe
APIs
apis
without
without
the
the
need
need
for
for
schemas
schemas
or
or
code
code
generation
generation
like
like
you
you
would
would
with
with
GraphQL.
graphql
Overall,
overall
I
i
think
think
it
it
has
has
The
the
potential
potential
to
to
fundamentally
fundamentally
simplify
simplify
the
the
way
way
we
we
build
build
full
full
stack
stack
web
web
applications.
applications
Speaking
speaking
of
of
simplification,
simplification
one
one
company
company
that
that
has
has
simplified
simplified
the
the
modern
modern
database
database
is
is
Airtable.
airtable
The
the
only
only
problem
problem
is
is
that
that
you
you
have
have
to
to
pay
pay
a
a
company
company
to
to
use
use
it.
it
If
if
only
only
there
there
was
was
an
an
open
open
source
source
alternative.
alternative
Nocodb
nocodb
does
does
exactly
exactly
that.
that
It's
it's
an
an
open
open
source
source
Airtable
airtable
that
that
can
can
be
be
built
built
on
on
top
top
of
of
your
your
own
own
MySQL
mysql
or
or
Postgres
postgres
database.
database
In
in
other
other
words,
words
it's
it's
an
an
open
open
source
source
no
no
code
code
database
database
or
or
smart
smart
spreadsheet.
spreadsheet
As
as
a
a
developer,
developer
another
another
piece
piece
of
of
Software
software
you
you
may
may
want
want
to
to
replace
replace
is
is
Postman,
postman
your
your
HTTP
http
client.
client
An
an
awesome
awesome
open
open
source
source
alternative
alternative
is
is
Hopscotch,
hopscotch
which
which
is
is
built
built
with
with
Vue.
vue
Js
js
and
and
TypeScript
typescript
entirely
entirely
as
as
a
a
progressive
progressive
web
web
app.
app
Not
not
only
only
is
is
it
it
open
open
source,
source
but
but
you
you
can
can
go
go
use
use
it
it
in
in
Priorly
priorly
as
as
a
a
progressive
progressive
web
web
app,
app
not
not
only
only
is
is
it
it
open
open
source,
source
but
but
you
you
can
can
go
go
use
use
it
it
in
in
the
the
browser
browser
right
right
now
now
at
at
hopscotch
hopscotch
I
i
o
o
and
and
then
then
install
install
it
it
as
as
a
a
PWA
pwa
on
on
your
your
desktop.
desktop
And
and
now
now
it
it
runs
runs
in
in
a
a
native
native
window
window
and
and
allows
allows
you
you
to
to
interact
interact
with
with
your
your
file
file
system.
system
Now,
now
if
if
you've
you've
ever
ever
coded
coded
in
in
Python
python
then
then
Try
try
JavaScript
javascript
later,
later
you
you
might
might
be
be
shocked
shocked
at
at
how
how
difficult
difficult
it
it
is
is
to
to
work
work
with
with
multi
multi
dimensional
dimensional
arrays.
arrays
What
what
is
is
this?
this
In
in
Python,
python
we
we
have
have
libraries
libraries
like
like
Pandas
pandas
that
that
can
can
do
do
all
all
kinds
kinds
of
of
useful
useful
stuff
stuff
up
up
to
to
an
an
array
array
or
or
data
data
frame.
frame
Not
not
many
many
people
people
realize
realize
that
that
there's
there's
a
a
library
library
called
called
Danfo
danfo
JS
js
that
that
is
is
inspired
inspired
by
by
Pandas
pandas
and
and
can
can
do
do
many
many
of
of
the
the
things
things
you
you
know
know
and
and
love,
love
like
like
read
read
a
a
CSV
csv
file
file
and
and
process
process
the
the
data
data
within
within
it
it
before
before
it
it
gets
gets
sent
sent
to
to
a
a
machine
machine
learning
learning
library
library
like
like
TensorFlow.
tensorflow
That's
that's
pretty
pretty
useful,
useful
but
but
the
the
hardest
hardest
thing
thing
in
in
front
front
end
end
web
web
development
development
is
is
making
making
your
your
website
website
look
look
good.
good
There's
there's
a
a
million
million
different
different
tools
tools
out
out
there
there
that
that
can
can
help
help
you
you
do
do
that,
that
but
but
one
one
I've
i've
been
been
really
really
loving
loving
recently
recently
for
for
React
react
is
is
Mantine.
mantine
Not
not
only
only
does
does
it
it
have
have
a
a
bunch
bunch
of
of
well
well
crafted
crafted
UI
ui
components,
components
like
like
this
this
nice
nice
looking
looking
time
time
But
but
it
it
also
also
has
has
a
a
bunch
bunch
of
of
built
built
in
in
hooks
hooks
that
that
handle
handle
many
many
of
of
the
the
annoying
annoying
things
things
that
that
you'll
you'll
come
come
across
across
when
when
building
building
a
a
web
web
app,
app
like
like
debouncing
debouncing
an
an
input
input
or
or
paginating
paginating
a
a
collection
collection
of
of
items.
items
On
on
top
top
of
of
That
that
it
it
has
has
optional
optional
packages
packages
for
for
a
a
notification
notification
system,
system
rich
rich
text
text
editor,
editor
and
and
a
a
drop
drop
zone
zone
for
for
file
file
uploads.
uploads
It's
it's
so
so
awesome
awesome
that
that
we
we
use
use
it
it
in
in
one
one
of
of
the
the
demo
demo
apps
apps
in
in
the
the
full
full
React
react
course
course
on
on
Fireship
fireship
IO.
io
Check
check
it
it
out
out
if
if
you
you
want
want
to
to
build
build
a
a
serious
serious
app
app
with
with
React.
react
Now,
now
the
the
problem
problem
with
with
all
all
the
the
libraries
libraries
that
that
we've
we've
looked
looked
at
at
so
so
far
far
is
is
that
that
they
they
require
require
you
you
to
to
know
know
how
how
to
to
Write
write
some
some
code.
code
If
if
you
you
have
have
an
an
idea
idea
for
for
a
a
full
full
stack
stack
application,
application
but
but
want
want
to
to
skip
skip
the
the
whole
whole
learn
learn
to
to
code
code
part,
part
an
an
open
open
source
source
tool
tool
to
to
check
check
out
out
is
is
Amplication.
amplication
It's
it's
a
a
tool
tool
that
that
can
can
automatically
automatically
generate
generate
both
both
your
your
front
front
end
end
and
and
back
back
end
end
code
code
based
based
on
on
relationships
relationships
to
to
data
data
models
models
in
in
a
a
database
database
that
that
you
you
can
can
manage
manage
visually.
visually
The
the
back
back
end
end
is
is
built
built
with
with
other
other
open
open
source
source
tools
tools
like
like
Node,
node
Nest
nest
JS,
js
and
and
Prisma,
prisma
while
while
the
the
front
front
end
end
is
is
based
based
on
on
React.
react
Even
even
if
if
you
you
do
do
know
know
how
how
to
to
code,
code
this
this
It's
it's
a
a
tool
tool
that
that
can
can
speed
speed
up
up
your
your
workflow,
workflow
and
and
that
that
gives
gives
you
you
10
10
new
new
open
open
source
source
libraries
libraries
to
to
try
try
out
out
in
in
your
your
next
next
project.
project
Hit
hit
the
the
like
like
button
button
and
and
subscribe.
subscribe
Thanks
thanks
for
for
watching,
watching
and
and
I
i
will
will
see
see
See
see
you
you
in
in
the
the
next
next
one.
one
success
The speaker discusses various open source libraries and discusses the benefits of using them for building websites. They also mention a problem with user authentication and the use of Tr prepmyr file and Airtable for searching and building websites. The speaker then discusses a new tool called Amplication that can generate front end and back end code for building websites.
10 very promising Open Source Projects you haven’t heard of
I just discovered a way to build a $1,000,000,000 startup entirely from free open source software from the most talented programmers in the world. Actually, everybody knows that already. Like, why pay an engineer when you can just use their stuff for free on GitHub? In today's video, we're going to cheat off the smart kids' homework and look at some of the coolest open source libraries that you've never heard of. Tools that will make your apps faster, better looking, and less expensive to run. You'll ask yourself, what the, how have I not been using that already? And that brings us to library number 1, the fuck. Normally, when you type a command into the terminal and make a typo, you just say fuck in your head and then retype the command from scratch. The fuck Makes this process much more intuitive, allowing you to simply type fuck into the terminal, then it will attempt to reformat your command automatically. To be honest, it's pretty fucking useful. Here's a problem that anybody who's Ever built a website is faced. It's too slow. Even if you work really hard to create a tiny JavaScript bundle, The product manager will eventually tell you to add a bunch of other junk like Mixpanel, Intercom, and Google Analytics. These third party scripts clog up the main thread and will make your app slow no matter what. Luckily, there's an open source library called Partytown that can run third party scripts from a web worker. JavaScript is single threaded, but modern browsers This allow you to run background jobs via web workers. Partytown will offload any scripts that don't deal directly with the UI into a web worker, and that means the only thing on The main thread is your UI, which leads to a faster, more responsive website. Another problem that every app developer will need to solve is user authentication. Firebase is great, but it's somewhat feature limited. Auth0 is great, but it's expensive. And that brings us to Supertokens, which is an open source authentication Solution, it provides SDKs for run times like Node and Python, allowing you to quickly self host a fully featured authentication system with support for OAuth providers, passwordless login, but most importantly, it deals with session management and security. Pretty cool, but it's got nothing on this next one. Imom is a blazingly fast JavaScript library that can say hi to your mom in record time. Here's a pro tip if you're building an open source library. Make Sure that the readme includes phrases like blazingly fast, bleeding edge, holistic approach, and game changing because they make your library better, the same way putting flame stickers on a car makes it Go faster. Next up, we have a 2 for 1. Many businesses out there need to build their own full text search engine, either for internal data or to build a search engine for their customers. You could go with Elasticsearch, but it's expensive and complicated if you self host. There are 2 very promising open source alternatives. 1 is Melee search implemented in tested in Rust, and the other is Zynq implemented in Go. Both provide a fast, simplified way to build your own search engine. Now, our next library, trcp, TPRC, t RPC, is exceptionally cool, but a little harder to explain. If you're building an API today, there are two main approaches, REST and GraphQL. I won't go into the differences right now, although I do have videos for that, but there's another less talked about approach called RPC or remote procedure call. And, basically, it's just a URL on a server, but unlike rest that corresponds to an entity, it corresponds to a function that you want to run on the server. This approach actually makes a ton of sense for many modern t r p c allows you to build entirely type safe APIs without the need for schemas or code generation like you would with GraphQL. Overall, I think it has The potential to fundamentally simplify the way we build full stack web applications. Speaking of simplification, one company that has simplified the modern database is Airtable. The only problem is that you have to pay a company to use it. If only there was an open source alternative. Nocodb does exactly that. It's an open source Airtable that can be built on top of your own MySQL or Postgres database. In other words, it's an open source no code database or smart spreadsheet. As a developer, another piece of Software you may want to replace is Postman, your HTTP client. An awesome open source alternative is Hopscotch, which is built with Vue. Js and TypeScript entirely as a progressive web app. Not only is it open source, but you can go use it in Priorly as a progressive web app, not only is it open source, but you can go use it in the browser right now at hopscotch I o and then install it as a PWA on your desktop. And now it runs in a native window and allows you to interact with your file system. Now, if you've ever coded in Python then Try JavaScript later, you might be shocked at how difficult it is to work with multi dimensional arrays. What is this? In Python, we have libraries like Pandas that can do all kinds of useful stuff up to an array or data frame. Not many people realize that there's a library called Danfo JS that is inspired by Pandas and can do many of the things you know and love, like read a CSV file and process the data within it before it gets sent to a machine learning library like TensorFlow. That's pretty useful, but the hardest thing in front end web development is making your website look good. There's a million different tools out there that can help you do that, but one I've been really loving recently for React is Mantine. Not only does it have a bunch of well crafted UI components, like this nice looking time But it also has a bunch of built in hooks that handle many of the annoying things that you'll come across when building a web app, like debouncing an input or paginating a collection of items. On top of That it has optional packages for a notification system, rich text editor, and a drop zone for file uploads. It's so awesome that we use it in one of the demo apps in the full React course on Fireship IO. Check it out if you want to build a serious app with React. Now, the problem with all the libraries that we've looked at so far is that they require you to know how to Write some code. If you have an idea for a full stack application, but want to skip the whole learn to code part, an open source tool to check out is Amplication. It's a tool that can automatically generate both your front end and back end code based on relationships to data models in a database that you can manage visually. The back end is built with other open source tools like Node, Nest JS, and Prisma, while the front end is based on React. Even if you do know how to code, this It's a tool that can speed up your workflow, and that gives you 10 new open source libraries to try out in your next project. Hit the like button and subscribe. Thanks for watching, and I will see See you in the next one.
The speaker discusses various open source libraries and discusses the benefits of using them for building websites. They also mention a problem with user authentication and the use of Tr prepmyr file and Airtable for searching and building websites. The speaker then discusses a new tool called Amplication that can generate front end and back end code for building websites.