TypeScript Babel

Open-source TypeScript projects categorized as Babel

Top 23 TypeScript Babel Projects

  • Babel (Formerly 6to5)

    🐠 Babel is a compiler for writing next generation JavaScript.

    Project mention: Open source public fund experiment - One and a half years update | dev.to | 2023-07-27
  • electron-react-boilerplate

    A Foundation for Scalable Cross-Platform Apps

    Project mention: Express with electron-react boilerplate | /r/electronjs | 2023-06-18
  • 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.

    Project mention: Tailwindcss in Styled-Components | dev.to | 2023-04-18

    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.

  • esbuild-loader

    Webpack loader for esbuild: Speed up your build ⚡️

  • 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.

  • compiled

    A familiar and performant compile time CSS-in-JS library for React.

    Project mention: Why is tailwind so hyped? | /r/webdev | 2023-01-13

    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.

    1. 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/

    Project mention: types for parameter objects necessary? | /r/typescript | 2022-12-19

    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!

  • braid-design-system

    Themeable design system for the SEEK Group

    Project mention: Feeling lost on grokking large libraries | /r/node | 2023-06-13

    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).

  • ts-monorepo

    Template for setting up a TypeScript monorepo

    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.

  • dts-cli

    Zero-config CLI for TypeScript package development

    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.

  • kataw

    An 100% spec compliant ES2022 JavaScript toolchain

  • babel-polyfills

    A set of Babel plugins that enable injecting different polyfills with different strategies in your compiled code.

  • react-ast

    render abstract syntax trees with react

  • express-webpack-react-redux-typescript-boilerplate

    :tada: A full-stack boilerplate that using express with webpack, react and typescirpt!

  • react-from-scratch

    Building a Modern React App from Scratch in 2021 (by yakkomajuri)

  • node-starter-kit

    Node.js / GraphQL project template pre-configured with TypeScript, PostgreSQL, login flow, transactional emails, unit tests, CI/CD workflow.

  • cli

    CLI for swc (by swc-project)

  • chore-cli

    🛠️ TypeScript development infrastructure generator.

  • forge-node-app

    🛠📦🎉 Generate Node.js boilerplate with optional libraries & tools

  • react2solid

    ReactJS to SolidJS Converter aka Transpiler

  • 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.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-07-27.

TypeScript Babel related posts

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
Collect and Analyze Billions of Data Points in Real Time
Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
www.influxdata.com