Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
recks
Advanced tools
Readme
Official docs: recks.gitbook.io
RecksJS is a framework based on streams
import Recks from 'recks';
import { timer } from 'rxjs';
function App() {
const ticks$ = timer(0, 1000);
return <div>
<h1>{ ticks$ }</h1>
<p>seconds passed</p>
</div>
}
Try it in this online sandbox or install locally
⚠️ RecksJS is currently in beta
Observables are first class citizens in Recks ❤️
function App() {
return <div>{ timer(0, 1000) }</div>
}
You can also do other way around: map a stream on JSX
function App() {
return timer(0, 1000).pipe(
map(x => <div>{ x }</div>)
);
}
Recks will subscribe to and unsubscribe from provided streams automatically, you don't have to worry about that!
And you can use Promises that will display the result, once resolved:
function App() {
const result = axios.get(url).then(r => r.data);
return <div>
{ result }
</div>
}
To get a better understanding of Recks concepts, read this article: "Intro to Recks: Rx+JSX experiment" and check out API docs section
Just a basic, no "moving parts"
import Recks from 'recks';
function App() {
return <h1>Hello world!</h1>
}
RxJS' timer here will emit an integer every second, updating the view
import Recks from 'recks';
import { timer } from 'rxjs';
function App() {
const ticks$ = timer(0, 1000);
return <div>
<h1>{ ticks$ }</h1>
<p>seconds passed</p>
</div>
}
Uses a simple Subject to store local component state:
import Recks from 'recks';
import { Subject } from 'rxjs';
import { map, startWith } from 'rxjs/operators';
function App() {
const name$ = new Subject();
const view$ = name$.pipe(
map(x => x ? `Hello, ${x}!` : ''),
startWith('')
);
return <div>
<input
placeholder="enter your name"
onInput={e => name$.next(e.target.value)}
/>
{ view$ }
</div>
}
Traditional counter example with a Subject:
import Recks from 'recks';
import { Subject } from 'rxjs';
import { scan, startWith } from 'rxjs/operators';
function App() {
const input$ = new Subject();
const view$ = input$.pipe(
startWith(0),
scan((acc, curr) => acc + curr)
);
return <div>
<button onClick={ ()=>input$.next(-1) }>
minus
</button>
{ view$ }
<button onClick={ ()=>input$.next( 1) }>
plus
</button>
</div>
}
Continue reading:
FAQs
Stream driven framework
The npm package recks receives a total of 17 weekly downloads. As such, recks popularity was classified as not popular.
We found that recks 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
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.