<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Yassine Chraa</title>
    <description>The latest articles on DEV Community by Yassine Chraa (@yassinechraa).</description>
    <link>https://dev.to/yassinechraa</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F951676%2F7162cd2f-acbc-4056-9075-a0b8105f6c9d.jpg</url>
      <title>DEV Community: Yassine Chraa</title>
      <link>https://dev.to/yassinechraa</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/yassinechraa"/>
    <language>en</language>
    <item>
      <title>Some React Native Errors Solutions</title>
      <dc:creator>Yassine Chraa</dc:creator>
      <pubDate>Mon, 23 Jan 2023 05:23:35 +0000</pubDate>
      <link>https://dev.to/yassinechraa/some-react-native-errors-solutions-3pb6</link>
      <guid>https://dev.to/yassinechraa/some-react-native-errors-solutions-3pb6</guid>
      <description>&lt;p&gt;The React Native Android build encountered multiple errors, leading to a failed build. These errors included missing dependencies, issues with the Android SDK configuration, and other errors that made the React Native development process challenging.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1c5cbvgegpdmpm3qdjj5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1c5cbvgegpdmpm3qdjj5.png" alt="Image description" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In this article, we present some similar errors that can appear in the Android build for React Native development and provide solutions to resolve them.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Error1:&lt;/strong&gt; &lt;code&gt;Cannot find symbol reactRootView.setIsFabric(BuildConfig.IS_NEW_ARCHITECTURE_ENABLED;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnud4ac9y3szkkzyhnuv5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnud4ac9y3szkkzyhnuv5.png" alt="Image description" width="800" height="223"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Solution:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Add "IS_NEW_ARCHITECTURE_ENABLED" variable to android&amp;gt; buildTypes &amp;gt; debug and android&amp;gt; buildTypes &amp;gt; release in app/build.gradle&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2blc798votob4z5duqaj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2blc798votob4z5duqaj.png" alt="Image description" width="800" height="266"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Remark:&lt;/strong&gt; we set this variable as false to disable the new architecture of react native if you want to use it replace with true.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Error2:&lt;/strong&gt; &lt;code&gt;Requested internal only, but not enough space;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkdp9bwszcjcowj8poc65.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkdp9bwszcjcowj8poc65.png" alt="Image description" width="800" height="151"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Solution:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Remove build folder from android/app
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6ee88nigcl3rl9u9have.png" alt="Image description" width="677" height="188"&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Error3:&lt;/strong&gt; &lt;code&gt;INSTALL_FAILED_INSUFFICIENT_STORAGE&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3kkwwoydoonygmxh1ou3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3kkwwoydoonygmxh1ou3.png" alt="Image description" width="800" height="106"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Solution:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Open AndroidStudio and go to SDK Manager&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faxfa0x4e9mgbjc1sgine.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faxfa0x4e9mgbjc1sgine.png" alt="Image description" width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Close your emulator and Wipe phone data&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnn3y02gtien7nr19o72h.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnn3y02gtien7nr19o72h.png" alt="Image description" width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ios</category>
      <category>swift</category>
      <category>discuss</category>
      <category>career</category>
    </item>
    <item>
      <title>Why we should use Laravel with Vue.js?</title>
      <dc:creator>Yassine Chraa</dc:creator>
      <pubDate>Thu, 15 Dec 2022 21:11:22 +0000</pubDate>
      <link>https://dev.to/yassinechraa/why-we-should-use-laravel-with-vuejs-4hkd</link>
      <guid>https://dev.to/yassinechraa/why-we-should-use-laravel-with-vuejs-4hkd</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZQP88IHL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jlyv1cn7jccn2tmfmemo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZQP88IHL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jlyv1cn7jccn2tmfmemo.png" alt="Image description" width="880" height="495"&gt;&lt;/a&gt;&lt;br&gt;
In the world of web development, there are many different frameworks and tools to choose from. Laravel and Vue.js are two of the most popular and widely used options for building web applications.&lt;/p&gt;

&lt;p&gt;In this article, we will explore the benefits of using Laravel and Vue.js together, and explain why combining these two powerful frameworks can be better to create engaging and dynamic web applications.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Laravel?
&lt;/h2&gt;

&lt;p&gt;Laravel is a multi-platform PHP web framework for creating web applications. It is designed to make the development process smoother and more efficient by providing a set of tools and features for common tasks.&lt;br&gt;
&lt;a href="https://laravel.com/docs/9.x"&gt;For more details&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Vue.js?
&lt;/h2&gt;

&lt;p&gt;Vue.js is a progressive JavaScript framework used to create web interfaces and single-page applications (SPAs). It is designed to be incrementally adoptable, meaning that you can start using it on a small scale and gradually add more features as needed.&lt;br&gt;
&lt;a href="https://vuejs.org/guide/introduction.html"&gt;For more details&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Benefits of using Laravel and Vue.js together
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;The ability to build full-stack web applications that can handle both the front-end and back-end aspects of the application.&lt;/li&gt;
&lt;li&gt;Laravel provides a clean and intuitive API for common web development tasks, while Vue.js offers a straightforward approach to building user interfaces. Together, these tools can help developers create web applications quickly and with minimal frustration.&lt;/li&gt;
&lt;li&gt;Using Laravel and Vue.js together allows for the creation of modular and reusable code.&lt;/li&gt;
&lt;li&gt;Large and active community: Both Laravel and Vue.js have large and active communities of developers who are constantly contributing to the growth and improvement of these technologies.&lt;/li&gt;
&lt;li&gt;Robust ecosystem of tools and libraries: Both Laravel and Vue.js have a robust ecosystem of tools and libraries that developers can use to extend the functionality of their web applications.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Why we should use Vue.js with Laravel insted of React.js or Angular
&lt;/h2&gt;

&lt;p&gt;The main reason is that Laravel has Vue configured and ready to go out of the box. This means that developers can start using Vue.js in their Laravel applications without having to spend time setting up and configuring the framework.&lt;/p&gt;

&lt;p&gt;Laravel’s built-in support for Vue.js makes it easy for developers to get started with Vue.js and start building user interfaces and frontend functionality. With Laravel, developers can take advantage of Vue.js’ reactive components and two-way data binding to create dynamic and engaging user experiences.&lt;br&gt;
In addition, Laravel’s built-in support for Vue.js allows developers to easily integrate Vue.js components into their Laravel Blade templates. This makes it possible to use Vue.js to build reusable and modular components that can be easily included in a Laravel application’s views.&lt;/p&gt;

&lt;h2&gt;
  
  
  Examples of how Laravel and Vue.js can be used together in a web application
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Using Vue.js as the frontend JavaScript framework for a Laravel application(Laravel The API Backend).&lt;/li&gt;
&lt;li&gt;Using Vue.js components within a Laravel Blade template. this help developers to take advantage of the reactive components provided by Vue.js while still using Laravel to manage the application’s overall structure and workflow.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;Overall, using Laravel and Vue.js together is a great way for developers to build powerful, user-friendly, and scalable web applications. We encourage developers to try using Laravel and Vue.js together in their own projects and experience the benefits of this combination for themselves.&lt;/p&gt;

</description>
      <category>laravel</category>
      <category>vue</category>
    </item>
    <item>
      <title>Solidity Data Types</title>
      <dc:creator>Yassine Chraa</dc:creator>
      <pubDate>Sat, 10 Dec 2022 00:04:33 +0000</pubDate>
      <link>https://dev.to/yassinechraa/solidity-data-types-4e13</link>
      <guid>https://dev.to/yassinechraa/solidity-data-types-4e13</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--TVA-xH_F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/85muptagoogntl9dwgbe.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--TVA-xH_F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/85muptagoogntl9dwgbe.png" alt="Image description" width="424" height="425"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Values Types:

&lt;ul&gt;
&lt;li&gt;uint(Unsigned Integer), uint8,..., uint256&lt;/li&gt;
&lt;li&gt;int, int8,..., int256&lt;/li&gt;
&lt;li&gt;bool(Boolean)&lt;/li&gt;
&lt;li&gt;address: use to stock Ethereum address&lt;/li&gt;
&lt;li&gt;bytes: Holds a 30 byte value&lt;/li&gt;
&lt;li&gt;enum: The data representation is the same as for enums in C
&lt;strong&gt;example&lt;/strong&gt;: &lt;code&gt;enum Countries{ Morocco, CANDA, ESPAIN};&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;function: There are three types of functions; &lt;code&gt;pure&lt;/code&gt;, &lt;code&gt;view&lt;/code&gt; and &lt;code&gt;payable&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;References Types:

&lt;ul&gt;
&lt;li&gt;Arrays: &lt;code&gt;uint[] memory a = new uint[](7);&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Data Location: There are three data locations; &lt;code&gt;memory&lt;/code&gt;,
&lt;code&gt;storage&lt;/code&gt;and &lt;code&gt;calldata&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;struct: used to create new types
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;struct Funder {
    address addr;
    uint amount;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;3.Mapping Types:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Syntax:   &lt;code&gt;mapping(KeyType =&amp;gt; ValueType) VariableName;&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
    </item>
    <item>
      <title>What is the best font for website heading?</title>
      <dc:creator>Yassine Chraa</dc:creator>
      <pubDate>Sat, 22 Oct 2022 02:18:12 +0000</pubDate>
      <link>https://dev.to/yassinechraa/what-is-the-best-font-for-website-heading-3eo7</link>
      <guid>https://dev.to/yassinechraa/what-is-the-best-font-for-website-heading-3eo7</guid>
      <description></description>
    </item>
  </channel>
</rss>
