Merge pull request #285 from Darkmift/aek-support_md-he

Translation + auto linter fixes from prev commits

Author: galnir

beta/src/components/SocialBanner.tsx

@@ -10,7 +10,7 @@ import {ExternalLink} from './ExternalLink';
 // Turning this off also requires changing the Page top value to pull up the sidebar.
 const bannerText = 'Support Ukraine 🇺🇦';
 const bannerLink = 'https://opensource.fb.com/support-ukraine';
-const bannerLinkText = 'Help Provide Humanitarian Aid to Ukraine.';
+const bannerLinkText = 'עזרו לספק תמיכה הומניטרית לאוקראינה.';
 
 export default function SocialBanner() {
   return (

content/blog/2022-03-08-react-18-upgrade-guide.md

@@ -125,7 +125,7 @@ Finally, this API will continue to work for rendering e-mails:
 
 For more information on the changes to server rendering APIs, see the working group post on [Upgrading to React 18 on the server](https://github.com/reactwg/react-18/discussions/22), a [deep dive on the new Suspense SSR Architecture](https://github.com/reactwg/react-18/discussions/37), and [Shaundai Person’s](https://twitter.com/shaundai) talk on [Streaming Server Rendering with Suspense](https://www.youtube.com/watch?v=pj5N-Khihgc) at React Conf 2021.
 
-## Updates to TypeScript definitions
+## Updates to TypeScript definitions {#updates-to-typescript-definitions}
 
 If your project uses TypeScript, you will need to update your `@types/react` and `@types/react-dom` dependencies to the latest versions. The new types are safer and catch issues that used to be ignored by the type checker. The most notable change is that the `children` prop now needs to be listed explicitly when defining props, for example:
 

content/community/nav.yml

@@ -3,7 +3,7 @@
     - id: support
       title: תמיכה
     - id: team
-      title: Team
+      title: הקבוצה
     - id: courses
       title: קורסים
     - id: examples
@@ -19,4 +19,4 @@
     - id: videos
       title: סרטונים
     - id: external-resources
-      title: External Resources
+      title: מקורות מידע חיצוניים

content/community/support.md

@@ -1,34 +1,35 @@
 ---
 id: support
-title: Where To Get Support
+title: מקורות לקבלת תמיכה
 layout: community
 sectionid: community
 permalink: community/support.html
 redirect_from:
   - "support.html"
 ---
 
-React has a community of millions of developers.
+קהילת הפיתוח של ריאקט מורכבת ממיליוני מפתחות ומפתחים.
 
-On this page we've listed some React-related communities that you can be a part of; see the other pages in this section for additional online and in-person learning materials.
+בדף זה ריכזנו קהילות בנושא ריאקט שניתן לקחת חלק בהן, ניתן גם לצפות בדפים נוספים למטה על מנת לקבל חומרי לימוד עצמי.
 
-Before participating in React's communities, [please read our Code of Conduct](https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md). We have adopted the [Contributor Covenant](https://www.contributor-covenant.org/) and we expect that all community members adhere to the guidelines within.
+בטרם לקיחת חלק בקהילות ריאקט, [אנא קראו את קוד ההתנהגות](https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md). אימצנו את [אמנת התרומה](https://www.contributor-covenant.org/)
+והציפייה שלנו היא שכלל הקהילה תציית למתווה הנ"ל.
 
 ## Stack Overflow {#stack-overflow}
 
-Stack Overflow is a popular forum to ask code-level questions or if you're stuck with a specific error. Read through the [existing questions](https://stackoverflow.com/questions/tagged/reactjs) tagged with **reactjs** or [ask your own](https://stackoverflow.com/questions/ask?tags=reactjs)!
+Stack Overflow הינה פלטפורמה מוכרת לשאלות בנושא קוד או שגיאות מסוימות שטרם נמצא להן פיתרון. נא עיינו ב [שאלות נפוצות](https://stackoverflow.com/questions/tagged/reactjs) עם התגית **reactjs** או [שאלו שאלות משלכם](https://stackoverflow.com/questions/ask?tags=reactjs)!
 
-## Popular Discussion Forums {#popular-discussion-forums}
+## פורומי דיונים מוכרים {#popular-discussion-forums}
 
-There are many online forums which are a great place for discussion about best practices and application architecture as well as the future of React. If you have an answerable code-level question, Stack Overflow is usually a better fit.
+ישנם פורומים רבים שמהווים מקור מצוין לדיונים אודות best practices ויישומי ארכיטקטורה בנוסף לדיונים על העתיד של ריאקט. אם יש לך שאלת קוד שניתן לתת לה מענה, Stack Overflow יהיה ברוב המקרים מקום מתאים יותר לכך.
 
-Each community consists of many thousands of React users.
+כל קהילה מונה אלפי משתמשי ומשתמשות ריאקט.
 
-* [DEV's React community](https://dev.to/t/react)
-* [Hashnode's React community](https://hashnode.com/n/reactjs)
-* [Reactiflux online chat](https://discord.gg/reactiflux)
-* [Reddit's React community](https://www.reddit.com/r/reactjs/)
+* [קהילת ריאקט של DEV](https://dev.to/t/react)
+* [קהילת ריאקט של Hashnode](https://hashnode.com/n/reactjs)
+* [צ'אט אונליין של Reactiflux](https://discord.gg/reactiflux)
+* [קהילת ריאקט של Reddit](https://www.reddit.com/r/reactjs/)
 
-## News {#news}
+## חדשות {#news}
 
-For the latest news about React, [follow **@reactjs** on Twitter](https://twitter.com/reactjs) and the [official React blog](/blog/) on this website.
+לקריאת החדשות העדכניות ביותר של ריאקט, [ניתן לעקוב אחרי **@reactjs** בטוויטר](https://twitter.com/reactjs) וגם דרך [הבלוג הרשמי של ריאקט](/blog/) באתר זה.

src/components/FeedbackForm/FeedbackForm.js

@@ -18,9 +18,12 @@ const FeedbackForm = () => {
   } else {
     return (
       <span>
-        Is this page useful?
+        האם התוכן בעמוד זה היה שימושי?
         <button
-          css={[sharedStyles.articleLayout.feedbackButton, {marginLeft: '6px'}]}
+          css={[
+            sharedStyles.articleLayout.feedbackButton,
+            {marginLeft: '6px', marginRight: '6px'},
+          ]}
           aria-label="Yes"
           onClick={e => {
             e.preventDefault();

src/components/LayoutFooter/Footer.js

@@ -69,7 +69,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
           }}>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
             <MetaTitle onDark={true}>תיעוד</MetaTitle>
-            {sectionListDocs.map((section) => {
+            {sectionListDocs.map(section => {
               const defaultItem = section.items[0];
               return (
                 <FooterLink
@@ -90,7 +90,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
               href={`https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md`}>
               קוד התנהגות
             </ExternalFooterLink>
-            {sectionListCommunity.map((section) => (
+            {sectionListCommunity.map(section => (
               <FooterLink
                 to={`/community/${section.items[0].id}.html`}
                 key={section.title}>

src/components/MarkdownPage/MarkdownPage.js

@@ -135,7 +135,7 @@ const MarkdownPage = ({
                     <a
                       css={sharedStyles.articleLayout.editLink}
                       href={`https://github.com/reactjs/he.reactjs.org/tree/main/${markdownRemark.fields.path}`}>
-                      ערוך עמוד זה
+                      לעריכת העמוד הנוכחי
                     </a>
                   </div>
                 )}

src/components/SocialBanner/SocialBanner.js

@@ -15,8 +15,8 @@ const linkProps = {
   rel: 'noopener',
 };
 
-const bannerText = 'Support Ukraine 🇺🇦 ';
-const bannerLink = 'Help Provide Humanitarian Aid to Ukraine.';
+const bannerText = 'תמכו באוקראינה';
+const bannerLink = 'עזרו לספק תמיכה הומניטרית לאוקראינה.';
 
 export default function SocialBanner() {
   return (
@@ -52,6 +52,7 @@ export default function SocialBanner() {
           <span
             css={{
               marginRight: '0.5rem',
+              marginLeft: '0.5rem',
             }}>
             {bannerText}
           </span>

src/pages/404.js

@@ -25,9 +25,7 @@ const PageNotFound = ({location}: Props) => (
           <TitleAndMetaTags title="React - הדף אינו נמצא" />
           <div css={sharedStyles.markdown}>
             <p>לא יכולנו למצוא את הדף שאתה מחפש</p>
-            <p>
-              אנא פנה לבעל האתר שסיפק לך את הקישור, והודע לו שהכתובת שגויה.
-            </p>
+            <p>אנא פנה לבעל האתר שסיפק לך את לינג, והודע לו שהלינק שבור.</p>
           </div>
         </div>
       </div>

src/pages/languages.js

@@ -48,7 +48,7 @@ const Languages = ({location}: Props) => (
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
           <Header>שפות</Header>
-          <TitleAndMetaTags 
+          <TitleAndMetaTags
             canonicalUrl={`${urlRoot}/languages/`}
             title="React - שפות"
           />