{"id":16847471,"url":"https://github.com/fabiosantoscode/tjsx","last_synced_at":"2025-07-25T16:08:46.279Z","repository":{"id":146301078,"uuid":"74285528","full_name":"fabiosantoscode/tjsx","owner":"fabiosantoscode","description":"Like mikeal's bel but for React. Tired of compiling JSX in development? Use this!","archived":false,"fork":false,"pushed_at":"2018-10-28T21:10:03.000Z","size":167,"stargazers_count":16,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-15T18:18:55.668Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fabiosantoscode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-11-20T15:58:51.000Z","updated_at":"2021-05-03T06:57:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"f979c60d-ad98-4898-9ca9-545baa665e27","html_url":"https://github.com/fabiosantoscode/tjsx","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/fabiosantoscode/tjsx","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiosantoscode%2Ftjsx","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiosantoscode%2Ftjsx/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiosantoscode%2Ftjsx/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiosantoscode%2Ftjsx/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fabiosantoscode","download_url":"https://codeload.github.com/fabiosantoscode/tjsx/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fabiosantoscode%2Ftjsx/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266152254,"owners_count":23884474,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-13T13:08:04.549Z","updated_at":"2025-07-25T16:08:46.232Z","avatar_url":"https://github.com/fabiosantoscode.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# tjsx\n\n[![Build Status](https://travis-ci.org/fabiosantoscode/tjsx.svg?branch=master)](https://travis-ci.org/fabiosantoscode/tjsx)\n\nUse React without a transpiler!\n\n## Features\n\n - No transpilation required! ES6 tagged template string literals are a part of the language!\n - Works on client, server and native.\n - Interops with your existing JSX code. No need to rush!\n - Tiny codebase - you can hope to understand it if you have any problems, and there's a smaller chance of there being bugs.\n - `xml:id` and other XML namespaced attributes simply work! Also SVG namespaced tags such as `\u003cxlink:href\u003e` just work.\n\n## Example\n\n```javascript\nconst tjsx = require('tjsx')\n\n// Look ma, no transpilers!\nfunction YourComponent({ kind }) {\n  const className = `foo foo__${kind}`\n  return tjsx`\u003cdiv className=${className} onClick=${(e) =\u003e this.onClick(e)} /\u003e`\n}\n```\n\n## Interpolating strings\n\n```javascript\nconst tjsx = require('tjsx')\n\nfunction AmazingTitle({ name = 'Fábio' }) {\n  return tjsx`\n    \u003ch1\u003eHello, ${name}\u003c/h1\u003e\n  `\n}\n```\n\n## Using other components\n\n```javascript\nconst tjsx = require('tjsx')\nconst OneComponent = require('react-some-component')\n\nfunction AnotherComponent() {\n  return tjsx`\u003cdiv\u003efoo!\u003c/div\u003e`\n}\n\nfunction ParentComponent(props) {\n  return tjsx`\n    \u003cdiv\u003e\n      \u003c${OneComponent} prop1=\"foo\"\u003e\n        ${props.children}\n      \u003c/\u003e\n      \u003c${AnotherComponent} /\u003e\n    \u003c/div\u003e\n  `\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffabiosantoscode%2Ftjsx","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffabiosantoscode%2Ftjsx","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffabiosantoscode%2Ftjsx/lists"}