open-index/open-npm huggingface dataset:
npm package: @mrwest808/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 1.0.17

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
npm package: @mrwhale-io/gamejolt-client
Description: Client that allows you to easily interact with the Game Jolt chat and site API.
Author: Thomas Bowen
Latest version: 1.0.1

# `@mrwhale-io/gamejolt-client`

Client that allows you to connect and interact with the [Game Jolt](https://gamejolt.com) chat server and site API.

## Install

```bash
$ npm install @mrwhale-io/gamejolt-client
```

## Usage

```typescript

import { Client, Message } from "@mrwhale-io/gamejolt-client";

const client = new Client({
  userId: 12345,
  frontend: "63236usr1f9oqq0p4aksa9ql4c",
});

client.on("message", (message: Message) => {
  if (message.textContent === "ping") {
    message.reply("pong");
  }
});
```

## License

[MIT](https://tldrlegal.com/license/mit-license)
npm package: @mrwilbroad/react-package-pro
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Author: wilbroad
Latest version: 0.1.0

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default tseslint.config({
  languageOptions: {
    // other options...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})
```

- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
- Optionally add `...tseslint.configs.stylisticTypeChecked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:

```js
// eslint.config.js
import react from 'eslint-plugin-react'

export default tseslint.config({
  // Set the react version
  settings: { react: { version: '18.3' } },
  plugins: {
    // Add the react plugin
    react,
  },
  rules: {
    // other rules...
    // Enable its recommended rules
    ...react.configs.recommended.rules,
    ...react.configs['jsx-runtime'].rules,
  },
})
```
npm package: @mrwolfapp/framework
Description: Mr. Wolf App Framework
Author: Max Planck Dev
Latest version: 0.0.3

# Learning Platform

A simple React application that displays a learning platform with markdown content.

## Features

- Interactive sidebar navigation
- Markdown content display with syntax highlighting
- Content search
- Responsive design for mobile and desktop
- Definition extraction and injection system

## Getting Started

### Prerequisites

- Node.js (v16 or higher)
- npm or yarn

### Installation

1. Clone this repository
2. Dependencies are managed according to what you want to do:
- To build, run `npm run build:lib`
- To develop, run `npm run dev`
3. When you make an update, make sure to update the `package.json`, `package.lib.json` and `package.local.json`
4. When you are done, run `npm run build:lib` and make sure to `npm publish` and update the receiving repositories

The application will be available at http://localhost:3000.

## Project Structure

```
src/
├── app/
│   └── pages/
│       └── learning/
│           ├── components/        # React components
│           ├── content/           # Markdown content files
│           ├── utils/             # Utility functions
│           ├── learning.tsx       # Main page component
│           ├── styles.css         # Styles
│           ├── types.ts           # Type definitions
│           └── index.ts           # Entry point
├── App.tsx                       # Main App component
├── index.tsx                     # React entry point
├── index.css                     # Global styles
└── theme.ts                      # Material UI theme
```

## Adding Content

To add new content to the learning platform:

1. Create a new Markdown file in `src/app/pages/learning/content/`
2. Add frontmatter with title, chapter, position, and definitions
3. Add the content ID to the navigation structure in `src/app/pages/learning/types.ts`

Example markdown file with frontmatter:

```markdown
---
title: Introduction to Business Process Management
chapter: getting-started
position: 1
definitions:
  - term: Business Process Management
    definition: A systematic approach to making an organization's workflow more effective, efficient, and capable of adapting to an ever-changing environment.
---

# Welcome to Business Process Management

Business Process Management (BPM) is a systematic approach to making an organization's workflow more effective, efficient, and capable of adapting to an ever-changing environment.
```

## License

MIT
npm package: @mrwolfz/react-redux
Description: Fork of official React bindings for Redux
Author: Dan Abramov
Latest version: 7.1.0

React Redux
=========================

Official React bindings for [Redux](https://github.com/reduxjs/redux).  
Performant and flexible.

[![build status](https://img.shields.io/travis/reduxjs/react-redux/master.svg?style=flat-square)](https://travis-ci.org/reduxjs/react-redux) [![npm version](https://img.shields.io/npm/v/react-redux.svg?style=flat-square)](https://www.npmjs.com/package/react-redux)
[![npm downloads](https://img.shields.io/npm/dm/react-redux.svg?style=flat-square)](https://www.npmjs.com/package/react-redux)
[![redux channel on discord](https://img.shields.io/badge/discord-redux@reactiflux-61DAFB.svg?style=flat-square)](http://www.reactiflux.com)


## Installation

React Redux requires **React 16.8.3 or later.**

```
npm install --save react-redux
```

This assumes that you’re using [npm](http://npmjs.com/) package manager 
with a module bundler like [Webpack](https://webpack.js.org/) or 
[Browserify](http://browserify.org/) to consume [CommonJS 
modules](https://webpack.js.org/api/module-methods/#commonjs).

If you don’t yet use [npm](http://npmjs.com/) or a modern module bundler, and would rather prefer a single-file [UMD](https://github.com/umdjs/umd) build that makes `ReactRedux` available as a global object, you can grab a pre-built version from [cdnjs](https://cdnjs.com/libraries/react-redux). We *don’t* recommend this approach for any serious application, as most of the libraries complementary to Redux are only available on [npm](http://npmjs.com/).

## React Native

As of React Native 0.18, React Redux 5.x should work with React Native. If you have any issues with React Redux 5.x on React Native, run `npm ls react` and make sure you don’t have a duplicate React installation in your `node_modules`. We recommend that you use `npm@3.x` which is better at avoiding these kinds of issues.


## Documentation

The React Redux docs are now published at **https://react-redux.js.org** .

We're currently expanding and rewriting our docs content - check back soon for more updates!

## How Does It Work?

We do a deep dive on how React Redux works in [this readthesource episode](https://www.youtube.com/watch?v=VJ38wSFbM3A).  

Also, the post [The History and Implementation of React-Redux](https://blog.isquaredsoftware.com/2018/11/react-redux-history-implementation/) 
explains what it does, how it works, and how the API and implementation have evolved over time.

Enjoy!

## License

MIT
npm package: @mrwolfz/react-redux-hooks-poc
Description: A proof of concept for using react hooks to integrate with redux
Author: MrWolfZ
Latest version: 0.3.0

# react-redux-hooks-poc

> A proof of concept for using react hooks to integrate with redux

[![NPM](https://img.shields.io/npm/v/@mrwolfz/react-redux-hooks-poc.svg)](https://www.npmjs.com/package/@mrwolfz/react-redux-hooks-poc)

## Disclaimer

This package is a proof of concept and neither stable nor properly tested. DO NOT USE this in production.

## Install

```bash
npm install --save @mrwolfz/react-redux-hooks-poc
```

## Usage

`useRedux` provides a state slice and the dispatch function.

```tsx
import React from 'react'
import { useRedux } from '@mrwolfz/react-redux-hooks-poc'

export const ExampleComponent = ({ id }) => {
  const [item, dispatch] = useRedux(state => state.items[id])

  const deleteItem = useMemo(() => dispatch({ type: 'delete-item', id }), [id])

  return (
    <div>
      <span>{item.label}</span>
      <button onClick={deleteItem}>Delete item</button>
    </div>
  )
}
```

Alternatively `useReduxState` and `useReduxDispatch` can be used separately.

```tsx
import React from 'react'
import { useReduxState, useReduxDispatch } from '@mrwolfz/react-redux-hooks-poc'

export const ExampleComponent = ({ id }) => {
  const item = useReduxState(state => state.items[id])
  const dispatch = useReduxDispatch()

  const deleteItem = useMemo(() => dispatch({ type: 'delete-item', id }), [id])

  return (
    <div>
      <span>{item.label}</span>
      <button onClick={deleteItem}>Delete item</button>
    </div>
  )
}
```

`useReduxActions` allows creating functions that dispatch actions.

```jsx
import React, { useCallback } from 'react'
import { useReduxActions } from '@mrwolfz/react-redux-hooks-poc'

const deleteItem = ({ id }) => ({
  type: 'delete-item',
  itemIdToDelete: id,
})

export const ExampleComponent = ({ id, label }) => {
  const actions = useReduxActions({
    deleteItem: () => deleteItem(id),
  }, [id])

  return (
    <div>
      <span>{label}</span>
      <button onClick={actions.deleteItem}>Delete item</button>
    </div>
  )
}
```

## License

MIT © [MrWolfZ](https://github.com/MrWolfZ)
npm package: @mrxsys/mrx-core
Description: Core provides a set of tools to help you build a microservice
Author: Ruby
Latest version: 2.13.0

# 📦 Core

> ONLY FOR BUN

## 📌 Table of contents

- [📦 Core](#-core)
	- [📌 Table of contents](#-table-of-contents)
	- [⚖️ License](#-license)
	- [📧 Contact](#-contact)

## ⚖️ License

Distributed under the MIT License. See LICENSE for more information.

## 📧 Contact

Mail - [dev@mrxsys.com](mailto:dev@mrxsys.com)

[Project link](https://github.com/MRX-Systems/MRX-Core)