The latest articles on DEV Community by Adil Ben Moussa (@adilbenmoussa). https://dev.to/adilbenmoussa 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%2F25514%2F5f9cfa9b-411a-43f0-9516-88baf2e12a7c.jpg https://dev.to/adilbenmoussa en Adil Ben Moussa Wed, 12 Jul 2017 12:00:38 +0000 https://dev.to/adilbenmoussa/react-native-video-training-in-arabic https://dev.to/adilbenmoussa/react-native-video-training-in-arabic <p>Last weeks as FE architect I have had the greatest opportunity to investigate React-Native possibilities for future mobile applications in our company @AgileXS</p> <p>As one of my principal rules, I started trying to explain each day what I have learned days before and try to teach it via a youtube video. My plan was to create a real application just for fun, I have chosen one of the most popular newspaper apps in Morocco (hespress.com).<br> The result I have ended with is a very simple to follow video series in Arabic showing how to build a newspaper app with React Native.<br> The topics I have touched when creating this application are:</p> <ul> <li>Lean how to use FlatList, Cards, Arabic Fonts, SVG Icons, Side Menu and Pull to refresh component.</li> <li>Router Flux, Redux, Promise Middleware and Saga Middleware</li> <li>HTML parsing</li> <li>Axios</li> </ul> <h3> The result is available here: <a href="https://www.youtube.com/watch?list=UUoEuFnwZ1aMYns1X8-KiACQ&amp;v=8MSRurO4Sfc">Youtube playlist</a> </h3> <h3> Code is also available at <a href="https://github.com/adilbenmoussa/hespress.com-react-native">Github</a> </h3> <h3> App Images: </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--5zDyhl5y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/adilbenmoussa/hespress.com-react-native/master/src/images/final1.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5zDyhl5y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/adilbenmoussa/hespress.com-react-native/master/src/images/final1.png" width="800"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--2XguaDJC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/adilbenmoussa/hespress.com-react-native/master/src/images/final2.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--2XguaDJC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/adilbenmoussa/hespress.com-react-native/master/src/images/final2.png" width="800"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QKa98NVs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/adilbenmoussa/hespress.com-react-native/master/src/images/final3.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QKa98NVs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/adilbenmoussa/hespress.com-react-native/master/src/images/final3.png" width="800"></a></p> javascript react redux reduxsaga