Black Friday sale is live! Every course on the site is $10! Lowest price ever! Limited time!

#ReactJS #ReactNative #GraphQL Newsletter Issue 65

  • This week we start learning everything about React, figure out CSS in React & JS, use React Patterns, get started with the best early Black Friday developer deals and much more!
  • Are you curious about React and haven’t had the chance to learn it?
  • An Opinionated Take on the Current State of Navigation in React Native – – The new release has a lot of new features to facilitate the designing of robust components and enhancements to speed up the rendering pipeline.
  • That’s it for the newest edition of the best ReactJS, React Native & GraphQL Newsletter!
  • Like & follow for all the news about ReactJS, React Native & GraphQL!

This week we start learning everything about React, figure out CSS in React & JS, use React Patterns, get started with the best early Black Friday developer deals and much more!
Continue reading “Black Friday sale is live! Every course on the site is $10! Lowest price ever! Limited time!”

React 16, Enzyme 3, Jest 21 — The Triforce – Eduardo Rabelo – Medium

#ReactJS 16, Enzyme 3, Jest 21 — It’s time to update again!

  • React 16, Enzyme 3, Jest 21 — The TriforceWhat a week!
  • We saw the long awaited React 16 release:With great free content around new features:We also had the new version of Enzyme fixing a lot of annoying bugs:On top of that, for the surprise of the whole community, and especially, making the day more joyful for our omnipresent friend Dan Abramov,…
  • 1It is a marvellous work, congratulations everybody involved!It’s time to update your configuration, without much pain!I’ve prepared 2 examples:React 15.6.2, Enzyme 3.0.0 and Jest 21.2.1React 16.0.0, Enzyme 3.0.0 and Jest 21.2.1You don’t need to update to React 16 to use Enzyme 3 and vice-versa.
  • Let’s see a basic overview about the changes:Enzyme 3To better support others “React-like” libraries, Preact/Inferno, we’ve the new concept of Adapters.
  • They’re pluggable libraries, responsible for handle the rendering of the UI Library you’re using.Officially, Enzyme 3 was released with full support for React 13~16.

On top of that, for the surprise of the whole community, and especially, making the day more joyful for our omnipresent friend Dan Abramov, no more patents for React 15/16, Jest, Flow and friends: At…
Continue reading “React 16, Enzyme 3, Jest 21 — The Triforce – Eduardo Rabelo – Medium”

React Version 16.0 Released

#React Version 16.0 Released cc @CsharpCorner @PranavMTL  #ReactJS #React16

  • Facebook Inc. has released a new version of React, their very promising JavaScript Library for UI development.
  • The new React v16.0 contains a number of updates and new features.
  • “We’re excited to announce the release of React v16.0!
  • Though the documentation for most of the features has not been yet released, but according to the React v16.0 GitHub download page, the following are the significant features added to this new version of the library.
  • Further information, such as – breaking changes, details of these new features, and download links, can be found at the Official blog or on the GitHub repository

Facebook Inc. has released React v16.0.
Continue reading “React Version 16.0 Released”

PrimeReact 1.0.0-Final Released

  • PrimeTek is excited to announce that PrimeReact 1.0.0-Final is now available featuring over 60 open source UI components for ReactJS.
  • PrimeFaces and PrimeNG have been huge successes already and PrimeReact now joins them to form the “big three”.
  • PrimeReact offers 17 free themes out of the box and we’ve also ported the popular Ultima and Avalon templates to PrimeReact as well.
  • Prime UI Suites are famous of not being tied to any design language and PrimeReact is no exception, if you prefer material design go with Ultima or if you like bootstrap styling check out Avalon.
  • Our plan is to align the featureset with PrimeNG and PrimeFaces so that new features are added to all 3 in parallel from that point on.

PrimeTek is excited to announce that PrimeReact 1.0.0-Final is now available featuring over 60 open source UI components for ReactJS.  We’ve announced the project kickstart back in January 2017 and after months of hard work and dedication, 1.0 is finally here. This milestone is actually the beginning, many new features are on our roadmap and we hope to receive community feedback to improve the library. PrimeFaces and PrimeNG have been huge successes already and PrimeReact now joins them to form the “big three”.
Continue reading “PrimeReact 1.0.0-Final Released”

#ReactNative – Pros and Cons #100DaysOfCode #coding #react #reactjs @reactnewsletter @ReactJSNews

  • When we first heard about React Native, a framework that enables building an app for multiple platforms, we were thrilled.
  • One team, one codebase and the potential to scale an app for iOS and Android using a fracture of resources required in native development is a great promise.
  • A few years ago, Facebook officially announced React Native, a powerful framework with the promise of cross-platform compatibility.
  • The major selling point of React Native is shorter development time.
  • Facebook puts a lot of resources to ensure React Native’s reliability and also to guarantee a constant development of the platform.

React Native: One team, one codebase and potential to scale an app for iOS and Android using a fracture of resources required in native development is a great promise.
Continue reading “#ReactNative – Pros and Cons #100DaysOfCode #coding #react #reactjs @reactnewsletter @ReactJSNews”

webpack optimization — A Case Study – WalmartLabs – Medium

  • However, after going through webpack’s docs and code, there didn’t seem to be an easy way to disable that with a single switch.
  • I opened an issue here and after some discussion with webpack’s Tobias Koppers, we settled on allowing webpack’s node option to accept a false config.With NodeSourcePlugin disabled, our code that depend on it all failed and I was able to pinpoint among our hundreds of components, which one to look into.I found out that a few components that have server side only behavior implemented it through the runtime flag provided by exenv, like this:import { canUseDOM } from “exenv”function foo() { if (!
  • canUseDOM) { const crypto = require(“crypto”) // do something with crypto }}The idea is simple, if code is not executing on the browser, then do something on the server side only using the crypto module.
  • Unfortunately, webpack only does static analysis to find out what code needs to be bundled.
  • That means NodeJS crypto is included even though it’s only needed for server side.

Since we open sourced part of the Electrode platform from @WalmartLabs, we’ve had a lot of contributions to our NodeJS and ReactJS archetype modules, including bug fixes, new features, and updating…
Continue reading “webpack optimization — A Case Study – WalmartLabs – Medium”

Expo SDK v19.0.0 is now available – Exposition

Expo SDK v19.0.0 is now available – Exposition  #reactjs #reactnative @expo_io

  • JavaScriptCore on Android gets a big updateThe version of JavaScriptCore (JSC) built into upstream React Native is currently (r174650) three years old and missing many features that are available on iOS already, such as native async/await support, ES6 Symbols, and native TypedArray (which works efficiently with Expo Graphics).
  • A friendly reminder: you should probably use your device most of the time.Access QR scanner from in-app menu on iOSWhen you shake your device to open the developer menu when you have a project open, it now includes an option to let you jump to the QR scanner screen.Set up Universal Links for expo.ioNavigating to will open the app directly into Expo if it is installed now.Developer toolsEnabled –non-interactive for exp login.
  • We will be adding a guide to the Expo documentation for this shortly.Customize permissions required by Android standalone appsA common request from developers building Android apps with Expo is the ability to customize which permissions are requested at install-time.
  • App developers should respect this and only request the minimal permissions that the app requires.In Expo SDK 19 you can select the permissions using app.json, see the full documentation.BugfixesIt’s hard to document all of the small fixes that go into each release, but here are some of the highlights.General fixesContacts API is more uniform on iOS and AndroidAPI server and XDE agree about username formatting requirementsDocumentation search is fixed on mobileAndroid standalone app names can now contain ‘’, ‘’, ‘’, “‘“, ‘“‘Audio fixes- When preparing a Recording, you can pass an optional settings dictionary to customize the format / extension / bitrate / quality / encoding, et cetera.
  • Upgrading your appHere’s how to upgrade your app to Expo SDK 19.0.0 from 18.0.0:Close XDE or your exp CLI serverIn app.json (formerly exp.json), change sdkVersion to “19.0.0”In package.json, change these dependencies:- react-native to expo to “^19.0.0”- react did not change from SDK 18- jest-expo to “~19.0.0” (if you use it)- sentry-expo to “~1.6.0” (if you use it)Delete your project’s node_modules directory and run npm installagain (or use yarn, we love yarn)Reopen your project in XDE and press “Restart” to clear the packager cache, or run exp start -c if you use use exp.Update the Expo app on your phones from the App Store / Play Store.

I am pleased to announce the release of Expo SDK v19.0.0. It is based off the recently released React Native 0.46, “June”. Our previous SDK, v18.0.0, is based off 0.45, “May”. The version of…
Continue reading “Expo SDK v19.0.0 is now available – Exposition”