در پایان این مقاله شما یک برنامه React Native ایجاد خواهید کرد که هم در آی او اس و هم در دستگاههای اندرویدی قابل اجرا باشد.
در این مقاله ده روش برای سرعت بخشیدن به توسعه برنامههای React آورده شده است. لطفا تا انتهای این مطلب همراه ما باشید.
من میدانم در حال حاضر بیشتر مقالات در این زمینه در این مورد است که آیا Redux را جایگزین Context بکنیم یا نه؟ اگر جواب بله است دلیل آن چیست؟ اما این مقاله با بقیه فرق دارد.
چندین سال پیش، Context API به عنوان یک ویژگی آزمایشی با هشدار «این API در آینده میتواند بشکند» معرفی شد. با توجه به این که Context API آزمایشی بود، اکثر توسعه دهندگان به اندازه کافی از آن مطمئن نبودند که بخواهند از آن استفاده کنند
با انتشار نسخه اخیر Create React App، تعداد زیادی ابزار جدید برای بازی کردن با آنها پیدا کردیم. Sass ابزاری است که من دربارهاش هیجان زدهام؛ زیرا قبلا مجبور بودیم که فایلهای .scss را به کار بگیریم تا فایلهای .css را درست در ساختار پوشه ما کمپایل کرده و بنویسند
WebAssembly (WASM) یک قالب باینری برای کد قابل اجرا در مرورگرها است. در این مقاله، ما یک وباپلیکیشن ساده با استفاده از کتابخانه React خواهیم ساخت، بخشی از کد JavaScript خود را به WASM نوشته و کمپایل خواهیم کرد و سپس آن را به برنامه لینک خواهیم کرد.
در آخرین نسخه آلفا از React، یک مفهوم جدید به نام Hooks (هوکها) معرفی شد. هوکها برای رفع بسیاری از مشکلات در React به وجود آمدند. گرچه، در درجه اول به عنوان جایگزینی برای کلاسها به کار برده میشوند. با استفاده از هوکها، ما میتوانیم یک سری کامپوننتهای تابعی بسازیم که از state و متدهای lifecycle...
تقسیم کردم یک وباپلیکیشن تک صفحهای به چند لایه، چند منفعت دارد: جداسازی بهتر نگرانیها. پیادهسازی لایه میتواند جایگزین شود. آزمایش لایه رابط کاربری میتوانند سخت باشد، که با منتقل کردن منطق مربوطه به لایههای دیگر، این کار سادهتر میشود.
ما با چالش ساخت یک گالری تصاویر با اسکرول بی نهایت رو به رو هستیم. در این پست، ما این چالش را با استفاده از React.js، یک کتابخانه frontend معروف برای JavaScript، و همچنین CSS Grid برطرف خواهیم کرد
جامعه InfernoJS از انتشار نسخه 6.0.0 این کتابخانه خبر داد. این نسخه، بکارگیری Fragmentها را به همراه دارد که شما با استفاده از آنها میتوانید بدون اضافه کردن nodeهای اضافی به DOM، لیستی از کامپوننتهای فرزند را با هم گروه کنید
طبق گزارشات، React در سالهای 2017 و 2018 حدود 150 درصد رشد داشته است. برخی کتابخانهها را ترجیح میدهند، و برخی ترجیح میدهند که کامپوننتهای خود را خودشان توسعه دهند. در هر صورت، در اینجا لیستی از 19 کتابخانه کامپوننت رابط کاربری و فریمورک را خواهید دید
جردن والک، کارمند سابق فیسبوک،ReactJS را توسعه داد. این کتابخانه متن باز جاوا اسکریپت، برای ایجاد رابطهای کاربری برای برنامههای تک صفحهای مورد استفاده قرار میگیرد. هدف اصلی ReactJS ارائه بهترین عملکرد ممکن است.
وقتی با Cube.js کار میکنیم، تعداد زیادی از کتابخانههای بصریسازی مختلف را مشاهده میکنیم. این موضوع یک لایه API برای تحلیل روی پایگاه داده SQL فراهم میکند و نقشی در زمینهٔ بصریسازی ندارد، هر کتابخانه نموداری میتواند برای ساخت داشبوردها به کار گرفته شود.
در این مقاله با روند رندرینگ در react آشنا میشویم و علت رندر های بیهوده و راه حلها و چگونگی خراب شدن آن را میآموزیم.
این سینتکس تگ، نه یک رشته است، و نه HTML؛ بلکه JSX نام دارد، و در واقع یک افزونه سینتکس برای JavaScript است. ما پیشنهاد میکنیم که از آن به همراه React برای تعریف ظاهر رابط کاربری استفاده کنید. JSX ممکن است که یک زبان الگونویسی را به شما یادآوری کند، اما کل قدرت JavaScript را به همراه دارد
در دنیای توسعه اپلیکیشن موبایل, ما همیشه دنبال چرخه ی کوتاه تری برای توسعه بودیم, زمان کمتر برای گسترش اپ ها و کارایی بهتر اونها. در دنیای این اپ ها که دو سیستم عامل معروف غلبه دارند باید به یک مصالحه رسید : اپ هایی که تجربه کاربری بهتری فراهم میکنند یا اپ هایی که توسعه سریعتری دارند و برای پلتفر...
React Native در کنار فلاتر و وب اپلیکیشنهای PWA، انقلابی در توسعه برنامههای کراس پلتفرم و ارائه تجربه عالی کار با برنامههای تلفن همراه ایجاد کرده است.
مطمئنا میدانید چه زمانی به HTML و CSS نیاز دارید، تمام وب برپایه HTML و بخش مهمی از آن CSS است. فکر کردن به اینکه چه زمانی به جاوااسکریپت نیاز خواهید داشت نیز موضوعی ساده است
React، ساخت رابطهای کاربری تعاملی را آسانتر میکند. برای هر state در برنامه خود، viewهای سادهای طراحی کنید و React هر زمان که دادههای شما تغییر کنند، خودش کامپوننتها مناسب را بروزرسانی کرده و رندر میکند
اول از همه ، اجازه دهید نگاهی به نحوه عملکرد یک برنامه React-Redux بیندازیم. آنچه Redux در داخل برنامه انجام میدهد ، حافظهای ( store ) را برای state برنامه ما و راههای برقراری ارتباط با آن حافظه را در اختیار ما قرار میدهد. یکی از این راهها تابع ()connect است