Building Mobile Applications with React Native. A brief introduction.

Building Mobile Applications with #reactnative. A brief introduction.

  • If you open your App.js you’ll encounter something along the lines of: – Components are the core of React Native, every visual element of your app is a component.
  • This styling cheat sheet is very handy when you’re getting started to check on what properties are available when styling components, but for a complete description the go to place is the online React Native documentation.
  • There are many basic elements that React Native provides as starting points and building blocks for our components: Views, ScrollViews, Text, TextInput, Touchable components that respond to touch input, Image, etc… As your UI starts growing and you have the need to add more and more Native components you’ll start…
  • Props and State – These are important concepts that will bring functionality, customisation and the ability to reuse components throughout your application.
  • We’ve created a new component that makes use of props and state to render a few text elements to the screen of our app’s.

The number of mobile devices is estimated to cross the 5 billion [1] mark between 2018 and 2019. This is pushing the mobile application development market forward, with the ever increasing demand for…
Continue reading “Building Mobile Applications with React Native. A brief introduction.”

The Beginner’s Guide to ReactJS – kentcdodds

  • You can find it here: weeks ago, my newsletter was an overview of the Advanced React Component Patterns course (that’s been published today!)
  • This week I’d like to talk a little bit about the other course that was published: The Beginner’s Guide to ReactJS.In the beginner’s course every lesson is an individual index.html file.
  • If you ever teach a total beginner React, make sure that you help them get a solid understanding that creating React elements is not magic and that JSX is a really simple abstraction on top of React.createElement.
  • Learn React Fundamentals and Advanced Patterns — I’m just pretty excited about the course release! Sale — Save 30% on a year subscription!ReactPrimer – React component prototyping tool that generates fully connected class component code.Partial Application Lambda Parameter Syntax for JavaScript — Awesome use of babel-macrosUsing Glitch as a UNIX command line playground — Interesting idea!Some tweets from…
  • 🧟🧟‍♂️🏹 29 Nov 2017I’m having a conversation about semicolons again️ 30 Nov 2017Next language I learn will be @reasonml 👌 3 Dec my big announcement!My @eggheadio courses have been published and are totally FREE!“Learn React Fundamentals and Advanced Patterns” 4 Dec 2017P.

The course is free forever on! Let’s talk about how it teaches even developers experienced with React ⚛️ NOTE: This is a cross-post from my newsletter. I publish each email two weeks after…
Continue reading “The Beginner’s Guide to ReactJS – kentcdodds”

Designing ReactJS App for beginners – Sitaram Shelke – Medium

Designing #ReactJS app for beginners:

  • Try avoiding storing states in child components.
  • I read the online documentation about ReactJS components, props & how to pass them to child components, states & how to set/use them.
  • The questions will keep your mind more busy than actually writing the code.
  • It was my misfortune, that I read this after I had already written some code.
  • When you need to store state into parent of a component, make sure the other children of that parent should also need that change.

Almost every guy working in tech has heard about ReactJS by now. Some might even know Redux, Flux and something better. In this article I’ll be focusing on problems that I, as a beginner, faced with…
Continue reading “Designing ReactJS App for beginners – Sitaram Shelke – Medium”

Functional programming on frontend with React & ClojureScript

“React meets ClojureScript” - An awesome introduction to ClosureScript and React

  • You simply update component internal state and then its UI is re-rendered .
  • To allow reuse of components each of the components has its own unique state accessed via this.state .
  • State of the card is then passed as an argument to function creating React components.
  • Any component that uses an atom is automagically re-rendered when it’s value changes.
  • Distinction between props and state is gone and you are free to use Reagent atoms in any way you prefer.

Blog about Scala, Akka & reactive, functional programming
Continue reading “Functional programming on frontend with React & ClojureScript”

Five Reasons We Chose ReactJS

5 Reasons We Chose ReactJS #MVB Arnab Sarkar @arnabsarker  #webdev #javascript

  • The approach gives a developer high flexibility and amazing performance gains because React calculates what change is needed to be made in the DOM in advance and updates the DOM-trees .
  • The major advantage of React is that it makes proper use of native APIs and, as a result, the stack work across platforms.
  • The framework is used extensively in developing user interfaces for web applications.
  • This increases the application’s load time and helps to keep it running very smoothly without any interruptions.
  • javascript application, react framework, react.js, react js, react native, javascript best practice, js, javascript examples

Read the full article, click here.

@DZone: “5 Reasons We Chose ReactJS #MVB Arnab Sarkar @arnabsarker #webdev #javascript”

In this post, Arnab Sarkar lists five reasons why his team chose ReactJS. Check out his favorite aspects of the JavaScript library below.

Five Reasons We Chose ReactJS