npmpackage.info

Gathering detailed insights and metrics for react-ace

Other packages similar to react-ace

react-ace-builds

7.4.1

A react component for Ace Editor

@easyv/react-ace

1.0.2

A react component for Ace Editor

react-ace-new

6.1.5

A react component for Ace Editor

react-ace-editor

0.0.3

A react wrapper for the ace editor

react-ace

React Ace Component

14.0.1

4,134

MIT

TypeScript

136.54 kB

99,529,479 5.6

Installations

npm install react-ace

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

20.18.2

NPM Version

10.8.2 Score

69.2

Supply Chain

94.4

Quality

80.7

Maintenance

100

Vulnerability

87.3

License

Pull Requests

Open

28

Total

1,580

Closed

779

Merged

773

Issues

Open

197

Total

499

Closed

302

Releases

v14.0.1

Updated on Feb 11, 2025

v13.0.0

Updated on Nov 02, 2024

v12.0.0

Updated on Jun 25, 2024

v11.0.1

Updated on Mar 24, 2024

v11.0.0

Updated on Mar 24, 2024

v10.1.0

Updated on Apr 26, 2022

View All 85 releases

Contributors

112

View All 112 Contributors

Languages

TypeScript

JavaScript

HTML

CSS

TypeScript (77.48%)

JavaScript (21.48%)

HTML (0.98%)

CSS (0.06%)

validate.email 🚀

Verify real, reachable, and deliverable emails with instant MX records, SMTP checks, and disposable email detection.

Developer

securingsincity

Download Statistics

Total Downloads

99,529,479

Last Day

80,345

Last Week

446,912

Last Month

1,910,804

Last Year

21,340,916

GitHub Statistics

MIT License

4,134 Stars

1,642 Commits

609 Forks

30 Watchers

138 Branches

112 Contributors

Updated on Mar 10, 2025

Bundle Size

501.51 kB

Minified

136.54 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

14.0.1

Package Id

react-ace@14.0.1

Unpacked Size

1.92 MB

Size

437.42 kB

File Count

NPM Version

10.8.2

Node Version

20.18.2

Published on

Feb 11, 2025

Total Downloads

Cumulative downloads

Total Downloads

99,529,479

Last Day

8.8%

80,345

Compared to previous day

Last Week

3.8%

446,912

Compared to previous week

Last Month

1.5%

1,910,804

Compared to previous month

Last Year

18.5%

21,340,916

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

React-Ace

A set of react components for Ace

NOTE FOR VERSION 8! : We have stopped support for Brace and now use Ace-builds. Please read the documentation on how to migrate. Examples are being updated.

DEMO of React Ace

DEMO of React Ace Split Editor

DEMO of React Ace Diff Editor

Install

npm install react-ace ace-builds

yarn add react-ace ace-builds

Basic Usage

1import React from "react";
2import { render } from "react-dom";
3import AceEditor from "react-ace";
4
5import "ace-builds/src-noconflict/mode-java";
6import "ace-builds/src-noconflict/theme-github";
7import "ace-builds/src-noconflict/ext-language_tools";
8
9function onChange(newValue) {
10  console.log("change", newValue);
11}
12
13// Render editor
14render(
15  <AceEditor
16    mode="java"
17    theme="github"
18    onChange={onChange}
19    name="UNIQUE_ID_OF_DIV"
20    editorProps={{ $blockScrolling: true }}
21  />,
22  document.getElementById("example")
23);

Examples

Checkout the example directory for a working example using webpack.

Documentation

Ace Editor

Split View Editor

Diff Editor

How to add modes, themes and keyboard handlers

Frequently Asked Questions

Migrate to version 8

Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

10

SAST

Determines if the project uses static code analysis.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

5

Maintained

Determines if the project is "actively maintained".

4

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 4

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/node.js.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/node.js.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/node.js.yml:47: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/node.js.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/npm-publish.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/npm-publish.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:39: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/npm-publish.yml/main?enable=pin
Info: 0 out of 9 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 1 third-party GitHubAction dependencies pinned
Info: 2 out of 2 npmCommand dependencies pinned

3

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

Score

5.6

/10

Last Scanned on 2025-03-03

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-ace

react-ace

Installations

Developer Guide

Yes

CommonJS

20.18.2

10.8.2

Score

Pull Requests

28

1,580

779

773

Issues

197

499

302

Releases

Contributors

Languages

validate.email 🚀

Developer

Download Statistics

GitHub Statistics

Bundle Size

501.51 kB

136.54 kB

Maintainers

Package Meta Information

Total Downloads

99,529,479

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

React-Ace

Install

Basic Usage

Examples

Documentation

Backers

Sponsors

10

10

10

10

10

5

4

3

0

0

0

0

5.6

/10