reactjs / hi.react.dev Goto Github PK
View Code? Open in Web Editor NEW(Work in progress) React documentation website in Hindi
Home Page: https://hi.react.dev
License: Creative Commons Attribution 4.0 International
(Work in progress) React documentation website in Hindi
Home Page: https://hi.react.dev
License: Creative Commons Attribution 4.0 International
So hey,
I am Akshit and I am from India
I want to help you guys by translating the website to a Hindi website
so I wanted to ask how is it done and what all has to be done because I am not able to understand the process given in the README.md file, so can anyone explain me what all do we have to do exactly
Starter code from CodeSandbox not loading in Production (Current) release
Link: https://hireactjsorg.fbopensource.vercel.app/tutorial/tutorial.html#inspecting-the-starter-code
Translation details of beta site is available here #168
We are not translating these pages anymore.
To translate a page:
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 find that you can't commit any more, let the maintainers know so they can assign the page to someone else.
When someone volunteers, edit this issue with the username of the volunteer, and with the PR. Ex:
When PRs are merged, make sure to mark that page as completed!
To do before releasing as an "official" translation. Please translate these pages first.
These are the navigation links that appears in the sidebar. Possibly wait until
the corresponding sections are translated to do these.
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. https://reactjs.org/warnings/dont-call-proptypes.html). People tend to search these, so please don't translate the error message itself.
Priority: Low
Components in src/components
that have some text in them.
These are not the primary translation targets.
Let's integrate Circle CI similar to Japanese translation repository
https://github.com/reactjs/ja.reactjs.org/tree/master/.circleci
For reviewing we follow this process.
Adding a list of commonly used translations
Term | Translation |
---|---|
App | एप्प |
Apps | ऍप्स |
Attribute | एट्रिब्यूट |
Assert | अस्सर्ट |
Browser | ब्राउज़र |
Component | कौम्पोनॅन्ट |
Copies | कॉपीस |
Declarative | घोषणात्मक |
Ecosystem | इकोसिस्टम |
Elements | एलिमेंट्स |
Editor | एडिटर |
Function | फंक्शन |
Javascript | जावास्क्रिप्ट |
Immutable | अपरिवर्तनीय |
Library | लाइब्रेरी |
Locally | लोकली |
Method | मेथड |
Mock | मॉक |
Model | मॉडल |
Mutate | म्यूटेट |
Mutable | म्यूटेबल |
Mutation | म्यूटेशन |
Mutating | म्यूटेटिंग |
Object | ऑब्जेक्ट |
Objects | ऑब्जेक्ट्स |
Overview | ओवरव्यू |
Page | पेज |
Parent | पैरेंट |
Playgrounds | प्लेग्राउंड्स |
Render | रेंडर |
Static | स्थिर |
Step-by-step | स्टेप-बाय-स्टेप |
Submit | सबमिट |
Tutorial | ट्यूटोरियल |
Text | टेक्स्ट |
Try it on Codepen | इसे CodePen पर आज़माएँ |
Tic-Tac-Toe | टिक-टैक्-टो |
Value | वैल्यू |
Variable | वेरिएबल |
Version | वर्शन |
View | व्यू |
Virtual | वर्चुअल |
Content that does not need to be translated:
No translation required |
---|
API |
array |
babel |
boolean |
bundle |
class |
constructor |
context |
CDN |
Create React App |
DOM |
event |
event-handler |
fragments |
HTML |
JSON |
JSX |
MDN |
Tick |
package |
props |
portal |
ref |
React |
React Native |
strings |
state |
Web(Encounter capitalized Web, don't translate) |
Webpack |
widgets |
UI |
key |
ReactJs - Hindi Documentation - New Site
To translate a page:
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 find that you can't commit any more, let the maintainers know so they can assign the page to someone else
To do before releasing as an "official" translation. Please translate these pages first.
Note that each section has an index page, which needs to be translated too.
Quick Start (@tnniras )
Installation (@khizarq313 ) #243
Describing the UI
Adding Interactivity
Managing State
Escape Hatches
react
: Hooks
useCallback
useContext
useDebugValue
useDeferredValue
useEffect
useId
useImperativeHandle
useInsertionEffect
useLayoutEffect
useMemo
useReducer
useRef
useState
useSyncExternalStore
useTransition
react
: Components
<Fragment> (<>)
<Profiler>
<StrictMode>
<Suspense>
react
: APIs
createContext
forwardRef
lazy
memo
startTransition
react-dom
: Components
<div>
)<input>
<option>
<progress>
<select>
<textarea>
react-dom
: APIs
createPortal
flushSync
findDOMNode
hydrate
render
unmountComponentAtNode
react-dom/client
: Client APIs
createRoot
hydrateRoot
react-dom/server
: Server APIs
renderToNodeStream
renderToPipeableStream
renderToReadableStream
renderToStaticMarkup
renderToStaticNodeStream
renderToString
We suggest to leave most of the UI translation until the end. We plan to do some invasive changes to the website folder layout and components, so postponing this until your translation is almost complete would make it easier to merge the changes from our side later. It might make sense to translate the homepage above the fold early, but leave the rest for later. As individual pages get translated, you can change the page titles in the corresponding sidebar files. Finally, when you're translating the navigation, make sure to test both desktop and mobile layouts.
HomeContent.js
)src/sidebar*.json
)TopNav.tsx
)After everything above is translated, add your language to deployedLanguages
in Seo.tsx
of the original reactjs/react.dev repository.
These API pages should ideally be translated too, but they're less urgent and can be done after the others:
Children
cloneElement
Component
createElement
createFactory
createRef
isValidElement
PureComponent
These aren't the main translation targets, but if you'd like to do them, feel free to expand the list to include their subpages:
https://github.com/reactjs/hi.reactjs.org/blob/master/content/docs/rendering-elements.md
Here Text
is used as it is but it should be written as टेक्स्ट
according to hindi glossary as decide in #2
we need a global accepted open source tool which can convert English word to Hindi,
itself convertes filters words which need to be get converted or not,
it could save alot of time,
knowledge sharing between all contributors,
new beginners get attracted too,
it will make development fast and easy,
Not just for react conversion it could help to all different upcoming libraries, in future
.
The homepage of the reactjs project in the Hindi
Language has a translation that is not proper.
On, https://hi.reactjs.org/ ,
It says React Native का उपयोग करके पावर मोबाइल ऐप भी बना सकते हैं।
which is a wrong translation of the same text on the english version that says and power mobile apps using React Native.
It can be simply translated to React Native का उपयोग करके मोबाइल एप्प्स भी बना सकते हैं।
. Will be happy to send a PR for this if you all also feel that this issue warrants attention.
रिएक्ट
=> React
we are not translating React word
Originally posted by @arshadkazmi42 in #169 (comment)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.