
Security News
Browserslist-rs Gets Major Refactor, Cutting Binary Size by Over 1MB
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
react-text-source
Advanced tools
A package that makes replace jsx components content easier.
require('react-text-replace')
npm install --save react-text-source
require('react-text-replace')
yarn add react-text-replace
import React from "react"
import { textReplace } from "react-text-replace"
import uuidv1 from "uuid/v1"
const App = props =>
textReplace({
source: ">> Hello >> world >> !!",
find: />>(.*)/,
call(match, $1) {
return <h1 key={uuidv1()}>{$1}</h1>
}
})
<h1> Hello >> world >> !!</h1>
import React from "react"
import { textReplace } from "react-text-replace"
import uuidv1 from "uuid/v1"
const source = ">> Hello >> world >> !!"
const options = [
{
find: />>(.*)/,
call(match, $1) {
return (
<span style={{ fontSize: "2em" }} key={uuidv1()}>
{$1}
</span>
)
}
},
{
find: /!!/,
call(match) {
return <i key={uuidv1()}>{match}</i>
}
}
]
var App = props =>
textReplace(source, options) || textReplace(source, ...options)
<span style="font-size: 2em">
Hello >> world >> <i>!!</i>
</span>
import React from "react"
import { TextReplace } from "react-text-replace"
import uuidv1 from "uuid/v1"
// Creates a cache that lasts until close the page
const App = props => (
<TextReplace
source={">> Hello >> world >> !!"}
pipe={[
{
find: />>(.*)/,
call(match, $1) {
return (
<span style={{ fontSize: "2em" }} key={uuidv1()}>
{$1}
</span>
)
},
isRecursive: true
},
{
find: /!!/,
call(match) {
return <i key={uuidv1()}>{match}</i>
}
}
]}
/>
)
<span style="font-size: 2em"> Hello
<span style="font-size: 2em"> world
<span style="font-size: 2em">
<i>!!</i>
</span>
</span>
</span>
Licensed under permissive MIT license
FAQs
A package that makes replace jsx components content easier.
The npm package react-text-source receives a total of 7 weekly downloads. As such, react-text-source popularity was classified as not popular.
We found that react-text-source demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
Research
Security News
Eight new malicious Firefox extensions impersonate games, steal OAuth tokens, hijack sessions, and exploit browser permissions to spy on users.
Security News
The official Go SDK for the Model Context Protocol is in development, with a stable, production-ready release expected by August 2025.