React & Modern Javascript
@ReactDev
307 subscribers
43 photos
17 videos
15 files
245 links
React for Developers 🚀🚀
Useful Articles📃
DailyTips⚡️
Introduction videos💫
Courses🗃
Covering the Updates of Modern Web Development!🌎

Link : t.me/ReactDev
Contact Us if You Have Any Questions or Suggestions:
@MrGh0st
@stfuBlyat
Download Telegram
About
Blog
Apps
Platform
Join
React & Modern Javascript
307 subscribers
React & Modern Javascript
https://reactnavigation.org/blog/2018/02/06/react-navigation-1.0.html

#RN #Article #tools

@ReactDev
reactnavigation.org
React Navigation 1.0 (goodbye, beta!) · React Navigation
As of today, React Navigation version 1.0 has been released! To see a list of recent improvements leading up to the release, refer to the “[Renewed Path to React Navigation V1.0](https://github.com/react-navigation/react-navigation/issues/2585)” issue. Thank…
562 viewsArAsH, 
React & Modern Javascript
An easy set-up guide to get HTTPS working on your local machine🤓

https://medium.freecodecamp.org/how-to-get-https-working-on-your-local-development-environment-in-5-minutes-7af615770eec

#article #useful
Join Us :: @ReactDev ⚛️
freeCodeCamp.org
How to get HTTPS working on your local development environment in 5 minutes
By Daksh Shah Almost any website you visit today is protected by HTTPS. If yours isn’t yet, it should be. Securing your server with HTTPS also means that you can’t send requests to this server from one that isn’t protected by HTTPS. This poses a pro...
272 viewsMr.Ghost, edited  
React & Modern Javascript
#DailyTips

Code splitting your React apps ❄️

This article helps you split your bundles!
it makes smaller bundles and much much faster load times (it will load the needed module that is used to init the app first)
Dont believe me? run a performance test with chrome on your app 😉

https://hackernoon.com/straightforward-code-splitting-with-react-and-webpack-4b94c28f6c3f

Official webpack code-splitting guide: ☘️
https://webpack.js.org/guides/code-splitting/#src/components/Sidebar/Sidebar.jsx

#code_splitting #article #react
Join Us :: @ReactDev ⚛️
Hacker Noon
Straightforward code splitting with React and Webpack
Everything seemed perfect until your app size increases too fast …
335 viewsMr.Ghost, edited  
React & Modern Javascript
A visual guide to React Native Performance 🤓

https://codeburst.io/a-visual-guide-to-react-native-performance-issues-and-resolving-insights-ccb0fc3fbcda

#article #React #react_native
Join Us :: @ReactDev ⚛️
Medium
A visual guide to React Native Performance: Issues and resolving Insights
For anyone who is coming from Cordava/Ionic development background, React Native would blow your mind with its easy code sharing, UI…
371 viewsMr.Ghost, 
React & Modern Javascript
#DailyTips
How to build a real-time todo app with React Native

https://medium.freecodecamp.org/how-to-build-a-real-time-todo-app-with-react-native-19a1ce15b0b3

#React #react_native #article #todo
Join Us :: @ReactDev ⚛️
freeCodeCamp.org
How to build a real-time todo app with React Native
A todo app touches on all the important parts of building any data-driven app, including the Create, Read, Update and Delete (CRUD)…
550 viewsMr.Ghost, 
React & Modern Javascript
Getting started with Machine Learning in 5 minutes 🤖

https://hackernoon.com/getting-started-with-machine-learning-in-15-lines-of-code-4112c405f9a4

#ml #article
Join Us :: @ReactDev ⚛️
Hackernoon
Getting started with Machine Learning in 5 minutes
326 viewsMr.Ghost, 
React & Modern Javascript
How to build React apps on top of the WordPress REST API 📊

https://medium.freecodecamp.org/how-to-build-react-apps-on-top-of-the-wordpress-rest-api-bcc632808025

#wordpress #rest #article
Join Us :: @ReactDev ⚛️
freeCodeCamp.org
How to build React apps on top of the WordPress REST API
by Andrey Pokrovskiy How to build React apps on top of the WordPress REST APIUPDATE 06/16/2017: I updated the project to use ReactRouter 4 and Webpack 2. Some parts were refactored and simplified. Included links to the frontend React demo and Wordpress backend…
284 viewsMr.Ghost, edited  
React & Modern Javascript
https://medium.com/the-react-native-log/a-mini-course-on-react-native-flexbox-2832a1ccc6

#RN #Article
Join @ReactDev :: 🚀
Medium
A Mini-Course on React Native Flexbox
Warning! This design post does not contain any drawings or diagrams. It’s a different approach, but hang in there — I find that it makes it…
246 viewsArAsH, edited  
React & Modern Javascript
https://medium.mybridge.co/javascript-top-10-open-source-projects-v-feb-2018-b0229cfe6e46

#Article
Join @ReactDev :: 🚀
Medium
JavaScript Top 10 Open Source Projects (v.Feb 2018)
For the past month, we ranked nearly 250 JavaScript Open Source Projects to pick the Top 10.
331 viewsArAsH, edited  
React & Modern Javascript
https://medium.com/async-la/custom-transitions-in-react-navigation-2f759408a053

#Article #RN
Join @ReactDev :: 🚀
Medium
Custom Transitions in React Navigation
Note: This is part 4 in a series on React Navigation. Check out my posts on Getting Up and Running, Styling Navigators, an introduction to…
309 viewsArAsH, edited  
React & Modern Javascript
#DailyTips 💡
4 things every progressive web app must have 🍂

https://scotch.io/bar-talk/4-things-every-progressive-web-app-must-have

#article
Join Us :: @ReactDev ⚛️
Scotch
4 Things Every Progressive Web App Must Have
A Progressive Web App (PWA) is a web app that uses modern web capabilities to deliver an app-like experience to users. It looks and behaves as if it is a mobile app and can be kinda installed. In this post, we'll be looking at 4 things every progressive web…
349 viewsMr.Gh0st, edited  
React & Modern Javascript
#DailyTips 💡
Few Reasons why I use Yarn over npm 📦📤

https://www.sitepoint.com/yarn-vs-npm/

#comparison #article
Join Us :: @ReactDev ⚛️
Sitepoint
Yarn vs npm: Everything You Need to Know — SitePoint
Modern web development is virtually impossible without a package manager. Our Yarn vs npm comparison will help you decide which to use.
251 viewsMr.Gh0st, edited  
React & Modern Javascript
https://medium.freecodecamp.org/increase-the-performance-of-your-site-with-lazy-loading-and-code-splitting-87258bbfc89b

#Article
Join Us @ReactDev :: 🚀
freeCodeCamp
Improve the Performance of your Site with Lazy-Loading and Code-Splitting
How to use a High-Order Component to load what is needed, when needed.
319 viewsArAsH, 
React & Modern Javascript
https://medium.com/dailyjs/network-layer-in-react-native-eec841f11861

#Article #RN
Join Us @ReactDev :: 🚀
Medium
Network layer in React Native
This September started for me with a great experience giving a talk about network layer in React Native at React Native Europe conference.
521 viewsArAsH, 
React & Modern Javascript
https://medium.com/async-la/react-navigation-stacks-tabs-and-drawers-oh-my-92edd606e4db

#Article #RN
Join Us @ReactDev :: 🚀
Medium
React Navigation: Stacks, Tabs, and Drawers … Oh my!
This is Part III of a series on React Navigation. If you’ve never used this library before, check out my other posts: Up and Running and…
623 viewsArAsH, 
React & Modern Javascript
10 Amazing CodePen Demos for April 2018 🐿

https://tutorialzine.com/2018/04/10-amazing-codepen-demos-for-april

#codepen #article
Join Us @ReactDev :: 🚀
Tutorialzine
10 Amazing CodePen Demos for April 2018
A collection of interesting CodePen demos that you should check out.
289 viewsMr.Gh0st, 
React & Modern Javascript
https://codeburst.io/the-curious-case-of-mobx-state-tree-7b4e22d461f

#react #mobx #Article
Join Us :: ⚛️@ReactDev🚀
Medium
The Curious Case of Mobx State Tree
Many words, talks and articles have been dedicated to the question “should I be using Redux or MobX?” Even React books tend to discuss both…
301 viewsArAsH, 
React & Modern Javascript
#DailyTips 💡
what are some simple coding/IDE tips and tricks Q&A 🤷‍♂

https://hashnode.com/post/what-are-some-simple-coding-ide-tips-and-tracks-that-improved-your-productivity-cjfozjcg400nrk1s2y8k1q9j0

#article
Join Us :: ⚛️@ReactDev🚀
Hashnode
What are some simple coding / IDE tips and tricks that improved your productivity? - Hashnode
One of the simplest tricks I learnt while pairing was that while creating a new test class, open existing test, duplicate the existing template for tests, rename and then extract to new file.
Another simple example is don't type the left side of decl...
416 viewsMr.Gh0st, 
React & Modern Javascript
React 360 replaces React VR for streamlined development focus

Facebook Code

https://code.facebook.com/posts/572676549773149/react-360-replaces-react-vr-for-streamlined-development-focus/

#update #article #react
Join Us :: ⚛️@ReactDev🚀
Facebook Code
React 360 replaces React VR for streamlined development focus
React VR is getting a series of improvements, including Pixel Perfect 2D, improved media support, and better playback performance. It's also being renamed React 360 to better reflect how most developers use the framework.
360 viewsMr.Gh0st, edited  
React & Modern Javascript
Patterns For JavaScript Frontend Applications 🍃

https://blog.cloudboost.io/the-state-of-web-applications-3f789a18b810

#article #javascript #frontend
@ReactDev 🚀
daily.dev
Patterns For JavaScript Frontend Applications | daily.dev
Patterns are crucial in managing the complexity of JavaScript frontend applications, much like they were in desktop and enterprise applications. By drawing on architectural patterns like MVVM, CQRS, and Flux, developers can better manage the state and interactions…
165 viewsAli, edited