Coder Social home page Coder Social logo

reactjs / Goto Github PK

View Code? Open in 1sVSCode Editor NEW
19.0 8.0 67.0 123.98 MB

(Work in progress) React documentation website in Italian

Home Page:

License: Creative Commons Attribution 4.0 International

JavaScript 45.02% CSS 7.51% HTML 0.71% Shell 0.01% TypeScript 46.74%'s Introduction ๐Ÿ‡ฎ๐Ÿ‡น

This repo contains the source code and documentation powering


โš  Beta Website โš 

We are currently transitioning our translation efforts to the new website that is currently in Beta.

We are early stages and still setting up everything, all the previous translation efforts are stopped.

Nothing is lost, all the translated content will be archived.

As usual you can follow the progress here (#1) and specifically for the transition here (#328)

Before we start, some useful links:

Getting started


  1. Git
  2. Node: any 12.x version starting with v12.0.0 or greater
  3. Yarn: See Yarn website for installation instructions
  4. A fork of the repo (for any contributions)
  5. A clone of the repo on your local machine


  1. cd to go into the project root
  2. yarn to install the website's npm dependencies

Running locally

  1. yarn dev to start the hot-reloading development server (powered by Gatsby)
  2. open http://localhost:8000 to open the site in your favorite browser



The documentation is divided into several sections with a different tone and purpose. If you plan to write more than a few sentences, you might find it helpful to get familiar with the contributing guidelines for the appropriate sections.

Create a branch

  1. git checkout main from any folder in your local repository
  2. git pull origin main to ensure you have the latest main code
  3. git checkout -b the-name-of-my-branch (replacing the-name-of-my-branch with a suitable name) to create a branch

Make the change

  1. Follow the "Running locally" instructions
  2. Save the files and check in the browser
  3. Changes to React components in src will hot-reload
  4. Changes to markdown files in content will hot-reload
  5. If working with plugins, you may need to remove the .cache directory and restart the server

Test the change

  1. If possible, test any visual changes in all latest versions of common browsers, on both desktop and mobile.
  2. Run yarn check-all from the project root. (This will run Prettier, ESLint, and Flow.)

Push it

  1. git add -A && git commit -m "My message" (replacing My message with a commit message, such as Fix header logo on Android) to stage and commit your changes
  2. git push my-fork-name the-name-of-my-branch
  3. Go to the repo and you should see recently pushed branches.
  4. Follow GitHub's instructions.
  5. If possible, include screenshots of visual changes. A preview build is triggered after your changes are pushed to GitHub.


If you are interested in translating, please see the current translation efforts at

If your language does not have a translation and you would like to create one, please follow the instructions at Translations.


  • yarn reset to clear the local cache


Content submitted to is CC-BY-4.0 licensed, as found in the file.'s People


gaearon avatar zpao avatar bvaughn avatar sophiebits avatar alexkrolick avatar deblasis avatar petehunt avatar reactjs-translation-bot avatar chenglou avatar vjeux avatar jimfb avatar acdlite avatar marocchino avatar tesseralis avatar kohei-takata avatar dependabot[bot] avatar lex111 avatar koba04 avatar yangshun avatar mcsheffrey avatar sebmarkbage avatar Daniel15 avatar therobhrt avatar DSchau avatar LucaBlackDragon avatar iamchenxin avatar jxom avatar arkist avatar saranshkataria avatar yungsters avatar


Emilian Kasemi avatar Mattia Sanfilippo avatar Sirio Negri avatar EBRIMA SONKO avatar George Kontridze avatar Dennis A. Boanini avatar  avatar  avatar Giorgio Grassini avatar Roberto Butti avatar Marco Lepore avatar Matteo Bertoldo avatar  avatar Ales Klasek avatar Emanuele Gallo avatar Simone Corsi avatar Alessandro De Blasis avatar Luca Nardi avatar Lorenzo Rapetti avatar


Sebastian Markbรฅge avatar Ryan Florence avatar James Cloos avatar Flarnie Marchan avatar Alessio Minichiello avatar Luca Nardi avatar Francesco Fortunati avatar Alessandro De Blasis avatar's Issues

Italian Translation Progress

Maintainer List

For New Translators

To translate a page:

  1. Check that no one else has claimed your page in the checklist and comments below.
  2. Comment below with the name of the page you would like to translate. Please take only one page at a time.
  3. Clone this repo, translate your page, and submit a pull request!

Before contributing, read the glossary and style guide (once they exist) to understand how to translate various technical and React-specific terms.

Please be prompt with your translations! If you find that you can't commit any more, let the maintainers know so they can assign the page to someone else.

Beta website (

We are now focusing our translation efforts on the new Beta website.

The new docs aren't fully written yet, and some parts will definitely change. However, a lot of the pages are already "stable". We suggest to use this checklist for the beginning. โœ… means "ok to translate", ๐Ÿ”ด means "don't translate yet".

  • โœ… Installation (note: a lot of content here is similar to old website)
    • โœ… Start a New React Project
    • โœ… Add React to a Website
    • โœ… Editor Setup
    • โœ… React Developer Tools
  • ๐Ÿ”ด Quick Start (don't translate the index page yet, it will change)
    • โœ… Thinking in React
  • ๐Ÿ”ด Describing the UI (don't translate the index page yet, it might change)
    • โœ… Your First Component
    • โœ… Importing and Exporting Components
    • โœ… Writing Markup with JSX
    • โœ… JavaScript in JSX with Curly Braces
    • โœ… Passing Props to a Component
    • โœ… Conditional Rendering
    • โœ… Rendering Lists
    • โœ… Keeping Components Pure
  • ๐Ÿ”ด Adding Interactivity (don't translate the index page yet, it might change)
    • โœ… Responding to Events
    • โœ… State: A Component's Memory
    • โœ… Render and Commit
    • โœ… State as a Snapshot
    • โœ… Queueing a Series of State Updates
    • โœ… Updating Objects in State
    • โœ… Updating Arrays in State
  • ๐Ÿ”ด Managing State (don't translate the index page yet, it might change)
    • โœ… Reacting to Input with State
    • โœ… Choosing the State Structure
    • โœ… Sharing State Between Components
    • โœ… Preserving and Resetting State
    • โœ… Extracting State Logic into a Reducer
    • โœ… Passing Data Deeply with Context
    • โœ… Scaling Up with Reducer and Context
  • ๐Ÿ”ด Escape Hatches (not written yet)
    • โœ… Referencing Values with Refs
    • โœ… Manipulating the DOM with Refs

Legacy website


Emoji Description
โœ… Translated in legacy website
โน Stale (no need to translate anymore)

Core Pages

To do before releasing as an "official" translation. Please translate these pages first.


API Reference


These are the navigation links that appear in the sidebar. Possibly wait until
the corresponding sections are translated to do these.

Next Steps

These are the next most important translations, ordered by importance:



Everyone is hooked on hooks! People are really excited for these and it would be great for them to be translated.


These are the pages that you get when you click the links in the console (e.g. People tend to search these, so please don't translate the error message itself.

  • โนdont-call-proptypes #51
  • โœ…invalid-aria-prop (@mbellagamba) #52
  • โนinvalid-hook-call-warning #53
  • โนlegacy-factories #54
  • โนrefs-must-have-owner #55
  • โนspecial-props #56
  • โนunknown-prop #57

Advanced Guides



Priority: Low

  • โนHow to Contribute #87
  • โนCodebase Overview #88
  • โนImplementation Notes #89
  • โนDesign Principles #90


Components in src/components that have some text in them.

  • โนCodeEditor #91
  • โนCodeExample #92
  • โนErrorDecoder #93
  • โนLayoutFooter #94
  • โนLayoutHeader #95
  • โนMarkdownPage #96

Additional Translations

These are not the primary translation targets.

  • โนBlog #97
  • โนCommunity #98

event handlers / listeners

This is to discuss how do we want to "handle the handlers" ๐Ÿคฃ

Jokes apart, we need to define a way to translate consistently

  • event handler
  • event listener

I'd personally keep them in English. We are not teaching CS, or either English, we are teaching React!
I'll have a look at how the other languages groups are dealing with these instances, just to be aligned

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.