Solutions like Dependabot or Renovate update but don't merge dependencies. You need to do it manually while it could be fully automated! Add a Merge Queue to your workflow and stop caring about PR management & merging. Try Mergify for free. Learn more →
Top 23 TypeScript Babel Projects
-
Project mention: Open source public fund experiment - One and a half years update | dev.to | 2023-07-27
-
-
Amplication
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
-
twin.macro
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
Twin Macro Github Repo. This is a great resource to help you pick up Twin’s syntax, learn more about the package, and keep up to date with the latest releases.
-
-
React PWA
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.
-
tags inside SFCs are typically injected as native
tags during development to support hot updates. For production they can be extracted and merged into a single CSS file.
There are also 3rd party CSS libs that do the same thing such as linaria, vanilla-extract, and compiled CSS. Which can be used in the event you're stuck with something that doesn't have baked in support via SFC formats (looking at you React).
These are my preferred ways of handing it.
- Tailwind
Option 2 is tailwind, which works backwards.
That is, instead of the above with extraction where you write the styles, and the framework or libs extract them and replace them with class names, it's the other way around.
You're writing class names first (which are essentially aggregated CSS property-values) which then generate and/or reference styles.
It has the advantage of being easy to write (assuming you've got editor LSP, linting, etc), but as you've discovered, it's difficult to read / can get really messy really fast.
As far as all the other claims on the Tailwind site, it's all marketing, at least 80% bullshit.
-
next-boilerplate
A well-structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Fetch, Reverse Proxy, Bundle Analyzer and Built-in Project CLI. https://pankod.github.io/next-boilerplate/
A) your tsconfig/eslint configuration should have a few more rules turned on. Look at github projects such as this one and copy/paste their tsconfig/eslint files in your project.
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
I'm not trying to call a particular org or library out, because I think the ones I've been digging through (and prompted me to write this) are very high quality. It's vanilla-extract (a build-time CSS-in-JS library) and Braid Design System (built on vanilla-extract).
-
Project mention: [AskJS] Is there a silver bullet for consuming Typescript libraries in a Monorepo? | /r/javascript | 2023-05-09
1. Linking libs with tsconfig paths. This approach involves setting a tsconfig.json paths object which maps the package name, to the local filesystem location. Eg. "paths": {"@org/lib":"../libs/lib"} - Nx uses this approach for their Integrated Monorepo configuration https://nx.dev/tutorials/integrated-repo-tutorial https://github.com/NiGhTTraX/ts-monorepo.
-
rollup-plugin-ts
A TypeScript Rollup plugin that bundles declarations, respects Browserslists, and enables seamless integration with transpilers such as babel and swc
-
wp-webpack-script
💥🔥📦👩💻 An easy to use, pre configured, hackable webpack setup & development server for WordPress themes and plugins.
-
Project mention: I need urgent help building and publishing a package using TSDX? | /r/reactjs | 2023-04-12
Try dts-cli. It’s a fork of tsdx that is still active.
-
-
babel-polyfills
A set of Babel plugins that enable injecting different polyfills with different strategies in your compiled code.
-
-
express-webpack-react-redux-typescript-boilerplate
:tada: A full-stack boilerplate that using express with webpack, react and typescirpt!
-
-
node-starter-kit
Node.js / GraphQL project template pre-configured with TypeScript, PostgreSQL, login flow, transactional emails, unit tests, CI/CD workflow.
-
-
-
-
-
babel-plugin-tsconfig-paths-module-resolver
Use tsconfig-paths in any bundler that supports a custom babel config.
-
SurveyJS
A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
TypeScript Babel related posts
- I Reworked my Rate My GMU Professor (Google Extension)
- Feeling lost on grokking large libraries
- I need urgent help building and publishing a package using TSDX?
- Babel is used by millions, so why are we running out of money? (2021)
- [AskJS] Any good shortcuts for migrating off of enzyme?
- Reveddit does not work
- Fixing Class Composition in Tailwind CSS
-
A note from our sponsor - Mergify
blog.mergify.com | 25 Sep 2023
Index
What are some of the best open-source Babel projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Babel (Formerly 6to5) | 42,534 |
2 | electron-react-boilerplate | 21,860 |
3 | twin.macro | 7,532 |
4 | esbuild-loader | 3,427 |
5 | React PWA | 2,535 |
6 | compiled | 1,912 |
7 | next-boilerplate | 1,541 |
8 | braid-design-system | 1,433 |
9 | ts-monorepo | 1,317 |
10 | rollup-plugin-ts | 472 |
11 | wp-webpack-script | 403 |
12 | dts-cli | 390 |
13 | kataw | 322 |
14 | babel-polyfills | 306 |
15 | react-ast | 244 |
16 | express-webpack-react-redux-typescript-boilerplate | 164 |
17 | react-from-scratch | 147 |
18 | node-starter-kit | 136 |
19 | cli | 119 |
20 | chore-cli | 116 |
21 | forge-node-app | 92 |
22 | react2solid | 38 |
23 | babel-plugin-tsconfig-paths-module-resolver | 35 |