- عنوان کتاب: React-Quickly, Second Edition
- نویسنده: Robin-Wieruch
- حوزه: React
- سال انتشار: 2022
- تعداد صفحه: 474
- زبان اصلی: انگلیسی
- نوع فایل: pdf
- حجم فایل: 14.2 مگابایت
React ابزاری پیشگام است که توسعه‌دهندگان وب حتی نمی‌دانستند به آن نیاز دارند، اما نمی‌توانند پس از امتحان آن را رها کنند. این قطعا برای ما نویسندگان و همچنین برای بسیاری دیگر از توسعه دهندگان وب مشتاق در آنجا صادق است. React بسیار محبوب است و دلیل خوبی دارد. اگر در اوایل دهه 2000 توسعه وب انجام می دادید، تنها چیزی که نیاز داشتید مقداری HTML و یک زبان سمت سرور مانند Perl یا PHP بود. آه، روزهای خوب قدیم که جعبه‌های alert() را فقط برای اشکال‌زدایی کد فرانت‌اند خود قرار می‌دادند. اینترنت از آن زمان تاکنون بسیار تکامل یافته است و پیچیدگی ساخت وب سایت ها به طور چشمگیری افزایش یافته است. وب سایت ها به برنامه های کاربردی وب با رابط های کاربری پیچیده، منطق تجاری و لایه های داده تبدیل شده اند که در طول زمان و اغلب در زمان واقعی نیاز به تغییرات و به روز رسانی دارند. بسیاری از کتابخانه‌های قالب جاوا اسکریپت برای حل مشکلات مربوط به رابط‌های کاربری پیچیده (UI) نوشته شده‌اند. اما آن‌ها همچنان از توسعه‌دهندگان می‌خواهند که به جدایی قدیمی نگرانی‌ها پایبند باشند – که سبک (CSS)، داده و ساختار (HTML) و تعاملات پویا (جاوا اسکریپت) را تقسیم می‌کند – و نیازهای امروزی را برآورده نمی‌کنند (اصطلاح DHTML را به خاطر بسپارید. ؟). در مقابل، React یک رویکرد جدید ارائه می دهد که توسعه وب پیشانی را ساده می کند. React یک کتابخانه قدرتمند رابط کاربری است که جایگزینی را ارائه می‌کند که بسیاری از شرکت‌های بزرگ مانند فیس‌بوک، نتفلیکس و Airbnb آن را اتخاذ کرده‌اند و آن را راه‌حلی برای آینده می‌دانند. به جای تعریف یک قالب یکباره برای رابط‌های کاربری خود، React به شما اجازه می‌دهد تا اجزای رابط کاربری قابل استفاده مجدد را در جاوا اسکریپت ایجاد کنید که میتوانید بارها و بارها در سایت‌های خود استفاده کنید. آیا به کنترل کپچا یا انتخابگر تاریخ نیاز دارید؟ سپس از React برای تعریف کامپوننت <Captcha /> یا <DatePicker /> استفاده کنید که میتوانید به فرم خود اضافه کنید: یک مؤلفه کشویی ساده با تمام عملکردها و منطق برای برقراری ارتباط با قسمت پشتی. آیا به یک کادر تکمیل خودکار نیاز دارید که پس از تایپ چهار حرف یا بیشتر، به صورت ناهمزمان پایگاه داده را جستجو کند؟ یک کامپوننت <Autocomplete charNum=”4″/> را برای ایجاد آن کوئری ناهمزمان تعریف کنید. شما میتوانید انتخاب کنید که UI جعبه متنی داشته باشد یا بدون رابط کاربری و در عوض از یک عنصر فرم سفارشی دیگر استفاده کند—شاید <Autocomplete textbox=”…” />. این رویکرد جدید نیست ایجاد رابط‌های کاربری قابل ترکیب مدت‌هاست که وجود داشته است، اما React اولین کسی است که از جاوا اسکریپت خالص بدون قالب برای این امکان استفاده می‌کند. و ثابت شده است که نگهداری، استفاده مجدد و گسترش این رویکرد آسانتر است. React یک کتابخانه عالی برای UI است، و باید بخشی از جعبه ابزار وب جلویی شما باشد، اما راه حل کاملی برای همه توسعه‌های وب جلویی نیست. در این فصل، ما به مزایا و معایب استفاده از React در برنامه‌های شما و اینکه چگونه میتوانید آن را در پشته توسعه وب موجود خود بگنجانید، خواهیم دید. در این کتاب، ما اصول اولیه React را پوشش می‌دهیم و به شما این امکان را می‌دهیم که به عنوان یک توسعه‌دهنده کاملاً توانمند React به تنهایی یا به عنوان بخشی از یک تیم توسعه کار کنید. ما بیشتر روی ایجاد نمونه‌های اولیه و نمونه‌های کوچک کار خواهیم کرد، اما همچنین مطمئن خواهیم شد که شما برای کار روی یک پروژه بزرگ مجهز هستید. ما با معرفی کتابخانه‌ها و ابزارهای محبوب مورد استفاده در اطراف React، که توسط بسیاری از تیم‌های توسعه استفاده می‌شوند، و همچنین الگوهای معماری و طراحی که معمولاً در پایگاه‌های کد کوچک و بزرگ ایجاد می‌شوند، به این هدف دست خواهیم یافت. بخش 1 کتاب بر مفاهیم و ویژگی‌های اولیه React تمرکز دارد و بخش 2 به کار با کتابخانه‌های مرتبط با React برای ساخت برنامه‌های پیشرفته‌تر پیچیده‌تر (معروف به React stack یا React و دوستان) می‌پردازد. هر بخش توسعه سبز فیلد (برنامه‌های جدید) و برون‌فیلد (به‌روزرسانی سیستم‌های قدیمی) را با React و محبوب‌ترین کتابخانه‌ها نشان می‌دهد، بنابراین میتوانید ایده‌ای درباره نحوه کار با آن در سناریوهای دنیای واقعی داشته باشید.
React is the ground-breaking tool, that web developers did not even know they needed, but can’t let go of once they have tried it. This is definitely true for us authors as well as for many other enthusiastic web developers out there. React is immensely popular and for a good reason. If you were doing web development in the early 2000s, all you needed was some HTML and a server-side language like Perl or PHP. Ah, the good old days of putting in alert() boxes just to debug your front-end code. The internet has evolved a lot since then, and the complexity of building websites has increased dramatically. Websites have become web applications with complex user interfaces, business logic, and data layers that require changes and updates over time—and often in real-time. Many JavaScript template libraries have been written to try to solve the problems of dealing with complex user interfaces (UIs). But they still require developers to adhere to the old separation of concerns—which splits style (CSS), data and structure (HTML), and dynamic interactions (JavaScript)—and they don’t meet modern-day needs (remember the term DHTML?). In contrast, React offers a new approach that streamlines frontend web development. React is a powerful UI library that offers an alternative that many big firms such as Facebook, Netflix, and Airbnb have adopted and see as the way forward. Instead of defining a one-off template for your UIs, React allows you to create reusable UI components in JavaScript that you can use again and again on your sites. Do you need a captcha control or date picker? Then use React to define a <Captcha /> or <DatePicker /> component that you can add to your form: a simple drop-in component with all the functionality and logic to communicate with the back end. Do you need an autocomplete box that asynchronously queries a database once the user has typed four or more letters? Define an <Autocomplete charNum=”4″/> component to make that asynchronous query. You can choose whether it has a text box UI or has no UI and instead uses another custom form element—perhaps <Autocomplete textbox=”…” />. This approach isn’t new. Creating composable UIs has been around for a long time, but React is the first to use pure JavaScript without templates to make this possible. And this approach has proven easier to maintain, reuse, and extend. React is a great library for UI’s, and it should be part of your front-end web toolkit, but it isn’t a complete solution for all front-end web development. In this chapter, we’ll look at the pros and cons of using React in your applications and how you might fit it into your existing web development stack. In this book, we will cover the basics of React and enable you to work as a fully-capable React developer either on your own or as part of a development team. We will mostly be working on creating small prototypes and examples, but will also make sure that you are equipped to work on a large project. We will achieve this by introducing popular libraries and tools used around React, that you will see used by many development teams, as well as architecture and design patterns that commonly arise in both small and large codebases. Part 1 of the book focuses on React’s primary concepts and features, and part 2 looks at working with libraries related to React to build more complex front-end apps (a.k.a. React stack or React and friends). Each part demonstrates both greenfield (brand new applications) and brownfield (updating legacy systems) development with React and the most popular libraries, so you can get an idea of how to approach working with it in real-world scenarios.
این کتاب را میتوانید از لینک زیر بصورت رایگان دانلود کنید:
Download: React-Quickly, Second Edition
نظرات کاربران