diff --git a/src/content/community/conferences.md b/src/content/community/conferences.md index 0ad91de7..92512900 100644 --- a/src/content/community/conferences.md +++ b/src/content/community/conferences.md @@ -46,6 +46,17 @@ October 27th 2023. In-person in Verona, Italy and online (hybrid event) [Website](https://appjs.co) - [Twitter](https://twitter.com/appjsconf) + +### React Brussels 2023 {/*react-brussels-2023*/} +October 13th 2023. In-person in Brussels, Belgium + Remote (hybrid) + +[Website](https://www.react.brussels/) - [Twitter](https://twitter.com/BrusselsReact) + +### React India 2023 {/*react-india-2023*/} +October 5 - 7, 2023. In-person in Goa, India (hybrid event) + Oct 3 2023 - remote day + +[Website](https://www.reactindia.io) - [Twitter](https://x.com/react_india) - [Facebook](https://www.facebook.com/ReactJSIndia) - [Youtube](https://www.youtube.com/channel/UCaFbHCBkPvVv1bWs_jwYt3w) + ### Render(ATL) 2024 ๐Ÿ‘ {/*renderatl-2024-*/} June 12 - June 14, 2024. Atlanta, GA, USA @@ -58,10 +69,17 @@ October 17 - 19, 2024. In-person in Goa, India (hybrid event) + Oct 15 2024 - re ## Past Conferences {/*past-conferences*/} -### React Day Berlin 2023 {/*react-day-berlin-2023*/} -December 8 & 12, 2023. In-person in Berlin, Germany + remote first interactivity (hybrid event) -[Website](https://reactday.berlin) - [Twitter](https://twitter.com/reactdayberlin) - [Facebook](https://www.facebook.com/reactdayberlin/) - [Videos](https://portal.gitnation.org/events/react-day-berlin-2023) +### RenderCon Kenya 2023 {/*rendercon-kenya-2023*/} +September 29 - 30, 2023. Nairobi, Kenya + +[Website](https://rendercon.org/) - [Twitter](https://twitter.com/renderconke) - [LinkedIn](https://www.linkedin.com/company/renderconke/) - [YouTube](https://www.youtube.com/channel/UC0bCcG8gHUL4njDOpQGcMIA) + + +### React Live 2023 {/*react-live-2023*/} +September 29, 2023. Amsterdam, Netherlands + +[Website](https://reactlive.nl/) ### React Summit US 2023 {/*react-summit-us-2023*/} November 13 & 15, 2023. In-person in New York, US + remote first interactivity (hybrid event) @@ -82,10 +100,22 @@ May 22 - 24, 2024. In-person in Krakรณw, Poland + remote [Website](https://appjs.co) - [Twitter](https://twitter.com/appjsconf) -### Render(ATL) 2024 ๐Ÿ‘ {/*renderatl-2024-*/} -June 12 - June 14, 2024. Atlanta, GA, USA -[Website](https://renderatl.com) - [Discord](https://www.renderatl.com/discord) - [Twitter](https://twitter.com/renderATL) - [Instagram](https://www.instagram.com/renderatl/) - [Facebook](https://www.facebook.com/renderatl/) - [LinkedIn](https://www.linkedin.com/company/renderatl) - [Podcast](https://www.renderatl.com/culture-and-code#/) +### React Alicante 2023 {/*react-alicante-2023*/} +September 28 - 30, 2023. Alicante, Spain + +[Website](https://reactalicante.es/) - [Twitter](https://twitter.com/reactalicante) + + +### RedwoodJS Conference 2023 {/*redwoodjs-conference-2023*/} +September 26 - 29, 2023. Grants Pass, Oregon + remote (hybrid event) + +[Website](https://www.redwoodjsconf.com/) - [Twitter](https://twitter.com/redwoodjs) + +### React Native EU 2023 {/*react-native-eu-2023*/} +September 7 & 8, 2023. Wrocล‚aw, Poland + +[Website](https://react-native.eu) - [Twitter](https://twitter.com/react_native_eu) - [Facebook](https://www.facebook.com/reactnativeeu) ### React Nexus 2024 {/*react-nexus-2024*/} July 04 & 05, 2024. Bangalore, India (In-person event) @@ -109,6 +139,7 @@ October 5 - 7, 2023. In-person in Goa, India (hybrid event) + Oct 3 2023 - remot ## Past Conferences {/*past-conferences*/} + ### React Day Berlin 2023 {/*react-day-berlin-2023*/} December 8 & 12, 2023. In-person in Berlin, Germany + remote first interactivity (hybrid event) diff --git a/src/content/learn/conditional-rendering.md b/src/content/learn/conditional-rendering.md index 4e165649..7d831f06 100644 --- a/src/content/learn/conditional-rendering.md +++ b/src/content/learn/conditional-rendering.md @@ -626,11 +626,8 @@ export default function PackingList() { เบชเบฑเบ‡เป€เบเบ”เบ—เปˆเบฒเบ™เบ•เป‰เบญเบ‡เบ‚เบฝเบ™ `importance > 0 && ...` เปเบ—เบ™เบ—เบตเปˆเบˆเบฐเป€เบ›เบฑเบ™ `importance && ...` เบชเบฐเบ™เบฑเป‰เบ™เบซเบฒเบ `importance` เป€เบ›เบฑเบ™ `0`, เบœเบปเบ™เบฅเบฑเบšเบˆเบฐเบšเปเปˆเบชเบฐเปเบ”เบ‡ `0`! -<<<<<<< HEAD + เปƒเบ™เบงเบดเบ—เบตเบเบฒเบ™เบ™เบตเป‰, เบˆเบฐเปƒเบŠเป‰เป€เบ‡เบทเปˆเบญเบ™เป„เบ‚เบชเบญเบ‡เป€เบ‡เบทเปˆเบญเบ™เป„เบ‚เปเบเบเบเบฑเบ™เป€เบžเบทเปˆเบญเปƒเบชเปˆเบŠเปˆเบญเบ‡เบงเปˆเบฒเบ‡เบฅเบฐเบซเบงเปˆเบฒเบ‡เบŠเบทเปˆ เปเบฅเบฐ label. เบญเบตเบเบงเบดเบ—เบตเปœเบถเปˆเบ‡, เบ—เปˆเบฒเบ™เบชเบฒเบกเบฒเบ”เปƒเบŠเป‰ fragment เบ—เบตเปˆเบกเบตเบŠเปˆเบญเบ‡เบงเปˆเบฒเบ‡เบ™เบณเปœเป‰เบฒ: `importance > 0 && <> ...` เบซเบผเบท เป€เบžเบตเปˆเบกเบŠเปˆเบญเบ‡เบงเปˆเบฒเบ‡เบžเบฒเบเปƒเบ™ `importance > 0 && <> ...`. -======= -In this solution, two separate conditions are used to insert a space between the name and the importance label. Alternatively, you could use a Fragment with a leading space: `importance > 0 && <> ...` or add a space immediately inside the ``: `importance > 0 && ...`. ->>>>>>> bbb08a5a04b0221137e5d60472fc979747af2954 diff --git a/src/content/learn/importing-and-exporting-components.md b/src/content/learn/importing-and-exporting-components.md index e3037fe4..19e47aed 100644 --- a/src/content/learn/importing-and-exporting-components.md +++ b/src/content/learn/importing-and-exporting-components.md @@ -68,8 +68,6 @@ img { margin: 0 10px 10px 0; height: 90px; } - - ```js App.js import Gallery from './Gallery.js'; diff --git a/src/content/learn/rendering-lists.md b/src/content/learn/rendering-lists.md index eea17b41..873efacf 100644 --- a/src/content/learn/rendering-lists.md +++ b/src/content/learn/rendering-lists.md @@ -1146,7 +1146,6 @@ hr { - เบ—เปˆเบฒเบ™เบˆเบฐเบ•เป‰เบญเบ‡เปเบ›เบ‡ `map` เป€เบ›เบฑเบ™ loop เบ”เป‰เบงเบเป‚เบ•เป€เบญเบ‡, เบซเบผเบท เปƒเบŠเป‰ fragment. @@ -1215,11 +1214,11 @@ hr { เบเบฒเบ™เปƒเบŠเป‰ index เปเบ–เบงเป€เบเบปเปˆเบฒเป€เบ›เบฑเบ™ `key` เบšเปเปˆเป€เบฎเบฑเบ”เบงเบฝเบเบญเบตเบเบ•เปเปˆเป„เบ›เป€เบžเบฒเบฐเบงเปˆเบฒเปเบ•เปˆเบฅเบฐเป‚เบ•เบ‚เบฑเป‰เบ™ เปเบฅเบฐ เบซเบเปเป‰เปœเป‰เบฒเปเบ•เปˆเบฅเบฐเป‚เบ•เบขเบนเปˆเปƒเบ™ array เบ”เบฝเบงเบเบฑเบ™. เป€เบ–เบดเบ‡เบขเปˆเบฒเบ‡เปƒเบ”เบเปเบ•เบฒเบก, เบ—เปˆเบฒเบ™เบชเบฒเบกเบฒเบ”เบเบณเบ™เบปเบ” key เบ—เบตเปˆเปเบ•เบเบ•เปˆเบฒเบ‡เบเบฑเบ™เปƒเบซเป‰เปเบ•เปˆเบฅเบฐเบฅเบฒเบเบเบฒเบ™เป„เบ”เป‰เป‚เบ”เบเปƒเบŠเป‰เบ„เบณเบ•เปเปˆเบ—เป‰เบฒเบเป€เบŠเบฑเปˆเบ™ `key={i + '-text'}`. - เบญเบตเบเบงเบดเบ—เบตเปœเบถเปˆเบ‡, เบ—เปˆเบฒเบ™เบชเบฒเบกเบฒเบ”เบชเบฐเปเบ”เบ‡เบœเบปเบ™ collection เบ‚เบญเบ‡ fragment เบ—เบตเปˆเบ›เบฐเบเบญเบšเบกเบต `
` and `

...

`. เป€เบ–เบดเบ‡เบขเปˆเบฒเบ‡เปƒเบ”เบเปเบ•เบฒเบก, syntax `<>...` เบšเปเปˆเบฎเบญเบ‡เบฎเบฑเบšเบเบฒเบ™เบชเบปเปˆเบ‡เบœเปˆเบฒเบ™ key, เบ”เบฑเปˆเบ‡เบ™เบฑเป‰เบ™เบ—เปˆเบฒเบ™เบ•เป‰เบญเบ‡เป„เบ”เป‰เบ‚เบฝเบ™ `` เบขเปˆเบฒเบ‡เบŠเบฑเบ”เป€เบˆเบ™: + ```js @@ -1264,13 +1263,13 @@ hr { - เบˆเบทเปˆเป„เบงเป‰เบงเปˆเบฒ, fragment (เบกเบฑเบเบ‚เบฝเบ™เป€เบ›เบฑเบ™ `<> `) เปƒเบซเป‰เบ—เปˆเบฒเบ™ group JSX node เป‚เบ”เบเบšเปเปˆเบ•เป‰เบญเบ‡เป€เบžเบตเปˆเบก `
`! + diff --git a/src/content/learn/start-a-new-react-project.md b/src/content/learn/start-a-new-react-project.md index de18a207..db258f05 100644 --- a/src/content/learn/start-a-new-react-project.md +++ b/src/content/learn/start-a-new-react-project.md @@ -28,6 +28,7 @@ npx create-next-app@latest เบ–เป‰เบฒเบ—เปˆเบฒเบ™เบเบฑเบ‡เปƒเปเปˆเบชเบณเบฅเบฑเบš Next.js, เป€เบšเบดเปˆเบ‡ [เบ„เบนเปˆเบกเบท Next.js .](https://nextjs.org/learn/foundations/about-nextjs) + Next.js เบ”เบนเปเบฅเป‚เบ”เบ [Vercel](https://vercel.com/). เบ—เปˆเบฒเบ™เบชเบฒเบกเบฒเบ” [deploy Next.js app](https://nextjs.org/docs/deployment) เปƒเบชเปˆเปƒเบ™ Node.js เบซเบผเบท serverless hosting, เบซเบผเบท server เบ‚เบญเบ‡เบ—เปˆเบฒเบ™เป€เบญเบ‡. [Fully static Next.js apps](https://nextjs.org/docs/advanced-features/static-html-export) เบชเบฒเบกเบฒเบ” deploy เปƒเบชเปˆเปƒเบ™ static hosting เปƒเบ”เบเปเปˆเป„เบ”เป‰. ### Remix {/*remix*/} diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index 5e32bc2a..a873c611 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -371,6 +371,7 @@ export default function Square() { Component React เบ•เป‰เบญเบ‡เบเบฒเบ™ return เปœเบถเปˆเบ‡ JSX element เปเบฅเบฐ เบšเปเปˆเบชเบฒเบกเบฒเบ”เบชเบปเปˆเบ‡ JSX เบ—เบตเปˆเบ•เบดเบ”เบžเบฑเบ™เบซเบผเบฒเบเบญเบฑเบ™เป€เบŠเบฑเปˆเบ™ เบชเบญเบ‡เบ›เบธเปˆเบกเบเบปเบ”. เป€เบžเบทเปˆเบญเปเบเป‰เป„เบ‚เบšเบฑเบ™เบซเบฒเบ™เบตเป‰เบ—เปˆเบฒเบ™เบชเบฒเบกเบฒเบ”เปƒเบŠเป‰ *fragments* (`<>` เปเบฅเบฐ ``) เป€เบžเบทเปˆเบญเบฅเบงเบก JSX เบ—เบตเปˆเบ•เบดเบ”เบžเบฑเบ™เบซเบผเบฒเบเบญเบฑเบ™เบ”เบฑเปˆเบ‡เบ™เบตเป‰: + ```js {3-6} export default function Square() { return (