All Projects → evenchange4 → react-intl-cra

evenchange4 / react-intl-cra

Licence: MIT License
🔧 Extract messages of Creact React App from the command line.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to react-intl-cra

react-intl.macro
Extract react-intl messages with babel-plugin-macros.
Stars: ✭ 39 (-42.65%)
Mutual labels:  create-react-app, react-intl
react-intl-po-example
👉 This is a standalone project for using react-intl-po with CRA.
Stars: ✭ 38 (-44.12%)
Mutual labels:  create-react-app, react-intl
egghead-bookshelf
An example React application to accompany the "Add Internationalization (i18n) to a React app using React Intl" Egghead.io course
Stars: ✭ 28 (-58.82%)
Mutual labels:  create-react-app, react-intl
storybook-addon-intl
Addon to provide a locale switcher and react-intl for storybook
Stars: ✭ 84 (+23.53%)
Mutual labels:  react-intl
hello-3d-world
Plot 3d points, lines, and polygon on an svg. A demonstration of what you can do with the BareMinimum3d package
Stars: ✭ 53 (-22.06%)
Mutual labels:  create-react-app
nodejs-spider
No description or website provided.
Stars: ✭ 18 (-73.53%)
Mutual labels:  create-react-app
passport-examples
A variety of examples using PassportJS with ExpressJS and ReactJS applications
Stars: ✭ 44 (-35.29%)
Mutual labels:  create-react-app
tmpnote
🍒 Share self-destructing encrypted notes
Stars: ✭ 22 (-67.65%)
Mutual labels:  create-react-app
shopping-cart
A simple Shopping-cart built with React and Django REST Framework(DRF)
Stars: ✭ 41 (-39.71%)
Mutual labels:  create-react-app
monoreact
📦 React workspaces implementation
Stars: ✭ 13 (-80.88%)
Mutual labels:  create-react-app
fetch
Isomorphic Wordpress API client and React hooks - super tiny, super fast.
Stars: ✭ 47 (-30.88%)
Mutual labels:  create-react-app
react-full-stack-starter
🎈Full-stack React boilerplate using `create-react-app`, Babel, Node.js, and express
Stars: ✭ 22 (-67.65%)
Mutual labels:  create-react-app
contentful-static-react
A starter kit for building a static website with React as the templating library and Contentful as the CMS.
Stars: ✭ 48 (-29.41%)
Mutual labels:  create-react-app
i18n
Minimalist gettext style i18n for JavaScript
Stars: ✭ 14 (-79.41%)
Mutual labels:  react-intl
reasonreact-starter
Minimal yet powerful ReasonReact template
Stars: ✭ 33 (-51.47%)
Mutual labels:  create-react-app
create-react-app-typescript-web-worker-setup
Using Web Workers in a TypeScript React project based on create-react-app.
Stars: ✭ 21 (-69.12%)
Mutual labels:  create-react-app
fyi
Map & Explore your organization's System Architecture
Stars: ✭ 28 (-58.82%)
Mutual labels:  create-react-app
markdown-editor
✏️ A very simple but useful Markdown Previewer and Markdown Editor with CodeMirror, Markedjs, and Create-react-app
Stars: ✭ 25 (-63.24%)
Mutual labels:  create-react-app
djcra
Django ❤️ create-react-app integration example
Stars: ✭ 12 (-82.35%)
Mutual labels:  create-react-app
react-template
An enterprise react template application showcasing - Testing strategy, Global state management, middleware support, a network layer, component library integration, localization, PWA support, route configuration, lazy loading and CI/CD
Stars: ✭ 44 (-35.29%)
Mutual labels:  react-intl

⚠️ Deprecated - This repository is no longer maintained

Please use react-intl.macro or react-app-rewired solution.

react-intl-cra

Extract messages of Creact React App from the command line.

Travis Codecov Status npm package npm downloads

prettier license

This is just a workaround for create-react-app #1227 and react-intl #869 in unofficial way.

Installation

$ yarn add react-intl-cra --dev

Demo

Standalone example based on Create-React-App: https://github.com/evenchange4/react-intl-po-example

$ react-intl-cra './src/**/*.js' -o messages.json

Output:

// messages.json

[
  {
    "id": "Account.account",
    "description": "Title",
    "defaultMessage": "帳戶",
    "filepath": "./src/containers/Account/messages.js"
  },
  {
    "id": "Account.myTestDevices",
    "defaultMessage": "我的測試裝置",
    "filepath": "./src/containers/Account/messages.js"
  },
  ...
]

API

$ react-intl-cra --help

Usage: react-intl-cra <pattern> [options]

<pattern> Glob pattern to specify files.
          Needs to be surrounded with quotes to prevent shell globbing.
          Guide to globs: https://github.com/isaacs/node-glob

Options:
  -o, --out-file  Output into a single file                             [string]
  -h, --help      Show help                                            [boolean]
  -v, --version   Show version number                                  [boolean]

Examples:
  react-intl-cra 'src/App.js'                   One file.
  react-intl-cra 'src/**/*.js'                  Pattern to specify files
  react-intl-cra 'src/**/*.js' -o message.json  Output into a single file.


For more information go to https://github.com/evenchange4/react-intl-cra

NPM Usage

import extract from 'react-intl-cra';

const result = extract('./src/**/*.js');

Development

Requirements

  • node >= 9
  • yarn >= 1.3.2
$ yarn install --pure-lockfile
$ yarn start

Test

$ yarn run format
$ yarn run eslint
$ yarn run flow
$ yarn run test:watch

NPM Release

Any git tags.

  1. Create a new git tag
  2. Update CHANGELOG.md
$ npm version patch
$ npm run changelog

CONTRIBUTING

  • ⇄ Pull requests and ★ Stars are always welcome.
  • For bugs and feature requests, please create an issue.
  • Pull requests must be accompanied by passing automated tests ($ yarn test).

CHANGELOG

LICENSE

MIT: http://michaelhsu.mit-license.org

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].