GithubHelp home page GithubHelp logo

reactjs / it.reactjs.org Goto Github PK

View Code? Open in Web Editor NEW
30.0 9.0 82.0 149.58 MB

(Work in progress) React documentation website in Italian

Home Page: https://it.react.dev

License: Creative Commons Attribution 4.0 International

JavaScript 32.49% CSS 7.38% HTML 0.28% Shell 0.01% TypeScript 59.85%

it.reactjs.org's Introduction

it.reactjs.org 🇮🇹

This repo contains the source code and documentation powering it.reactjs.org.

Before we start, some useful links:

Getting started

Prerequisites

  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 it.react.dev repo on your local machine

Installation

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

Running locally

  1. yarn dev to start the development server (powered by Next.js)
  2. open http://localhost:3000 to open the site in your favorite browser

Contributing

Guidelines

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 react.dev 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. (This will run Prettier, ESLint and validate types.)

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 it.react.dev 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.

Translation

If you are interested in translating react.dev, please see the current translation efforts here.

License

Content submitted to react.dev is CC-BY-4.0 licensed, as found in the LICENSE-DOCS.md file.

it.reactjs.org's People

Contributors

acdlite avatar alexkrolick avatar bvaughn avatar chenglou avatar daniel15 avatar danilowoz avatar deblasis avatar dependabot[bot] avatar gaearon avatar harish-sethuraman avatar jimfb avatar koba04 avatar kohei-takata avatar lex111 avatar lucablackdragon avatar marocchino avatar mcsheffrey avatar petehunt avatar react-translations-bot avatar reactjs-translation-bot avatar rickhanlonii avatar robhrt7 avatar sebmarkbage avatar smikitky avatar sophiebits avatar tesseralis avatar vjeux avatar yangshun avatar zpao avatar zqran avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

lssmn gcrispino manugal guerrap giuseppeg frankcalise malithmcr aleclofabbro fortwo corsaro7 steppico lucafregoso hawz gae-giordano stefsava luigimassa albertofontanawinn mirty girgetto sidmonta valeriogiocondi razxssd senrico lazzmarco fabioricali paoladmadd alecass desso95 stevevg paggiorowarda mattmant lucamoro96 paradisee buggyzap mamosk simone-s-melis jspkay kappoo89 davidepastore joanluc magicianred vikysingh carlo-f shinjigi isabella232 vitaliesolonari adifsgaid lrkwz emaahh vinxs89 amanjaingithub ziriuz84 paolo1234 mattia-sanfilippo alessioitalo atrogolo andregri daxe9 fabioceccarani lucapolese floatindex cirpo eumene gudmundsdottir gencix hybrid2102 ma3xdev webdiego samuelepiazzesi eliamaino-fp th3wall ago95dev oxcened neilchavez fbtot paolapog peppemig shero08 davidebruner fmineo albim360 mattveraldi

it.reactjs.org's Issues

[OLD] Legacy 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 (https://beta.reactjs.org/)

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) (@deblasis) #374
    • ✅ Start a New React Project (@deblasis) #374
    • ✅ Add React to a Website
    • ✅ Editor Setup (@deblasis) #374
    • ✅ 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

Emojis:

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.

Basics

API Reference

Navigation

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:

Installation

Hooks

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

Warnings

These are the pages that you get when you click the links in the console (e.g. https://reactjs.org/warnings/dont-call-proptypes.html). 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

FAQ

Contributing

Priority: Low

  • ⏹How to Contribute #87
  • ⏹Codebase Overview #88
  • ⏹Implementation Notes #89
  • ⏹Design Principles #90

Components

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.