How The React Framework is Changing Front-End Development

An Introduction to the #React Framework @reactjs #webdev

  • If you’re looking for instant page loads, or the ability to handle long lists of dynamic content changing within the view, React may be the JavaScript library for you.
  • Enter React, an isomorphic JavaScript library released by Facebook in 2013, that allowed developers to use SSR to build modern web apps.
  • One of the reasons developers had started to drift away from SSR was that it was necessary to have to load the entire web page every time something changed within the view.
  • React introduced a workaround called the Virtual DOM that allowed developers to take advantage of the inherent performance advantage of SSR, without having to update the entire view every time a user made a small change to the UI.
  • React is a powerful UI library that brings the power of SSR, isomorphic JavaScript, and component-based web development to modern dynamic web applications.

React (also known as React.js or ReactJs) is a powerful JavaScript library that uses server-side rendering (SSR) to provide a flexible, performance-oriented, componentized front-end solution. If you’re looking for instant page loads or the ability to handle long lists of dynamic content changing within the view, React may be the JavaScript library for you. Read on to learn more about React.
Continue reading “How The React Framework is Changing Front-End Development”

FlexView: the easiest way to use flex with React – buildo blog

FlexView: the easiest way to use #flex with React 

#ReactJS #webdev #developer

  • FlexView: the easiest way to use flex with ReactA powerful React component to create any layout on any browser using the power of flex.The problem: doing complex layouts on browsersImplementing complex layouts in web projects has always been a hassle for developers and designers.
  • The API is complex and there are still many inconsistencies between browsers that force developers to overuse vendor prefixes and literally do magic tricks to achieve the desired layout.For these reasons, we asked ourselves: is there a way to simplify the API and handle any browser inconsistency in a single place?Introducing FlexView: our solution to the problemHere’s a typical CSS snippet using flexbox:.
  • flex-view { // flex display: flexbox; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; // direction webkit-box-flex-direction: row; moz-box-flex-direction: row; ms-flex-direction: row; webkit-flex-direction: row; flex-direction: row; // grow, shrink, basis webkit-box-flex: 1 1 200px; moz-box-flex: 1 1 200px; ms-flex: 1 1 200px; webkit-flex: 1 1 200px; flex: 1 1 200px;}And this is how you do it with FlexView:FlexView grow shrink basis=’200′ /Now that I have your attention let’s dig more into FlexView’s API :)FlexView is first of all a React component, and like any good React component it’s stateless and works exclusively through props:You may have already noticed that FlexView API does not reflect completely the flexbox one.
  • This is also the default for a row/FlexView/FlexViewFlexView hAlignContent=’center’ FlexViewhorizontally column hAlignContent=’right’ FlexViewright aligned (inside a column)/FlexView FlexViewright aligned (stacked below his column vAlignContent=’top’ FlexViewtop aligned!
  • /FlexView/FlexViewAnd of course they can be used together:Horizontal and VerticalFlexView hAlignContent=’center’ vAlignContent=’center’ FlexViewthe center of the is just an introduction to the features of FlexView.

A powerful React component to create any layout on any browser using the power of flex.
Continue reading “FlexView: the easiest way to use flex with React – buildo blog”

Is Model-View-Controller dead on the front end? – Free Code Camp

Is Model-View-Controller dead on the front end?  by @alexnmoldovan #JavaScript #ReactJS

  • Similar to the Controller, the Model is breaking the Single Responsibility Principle, because you don’t have a separate way of managing UI State and Application State .
  • Developers didn’t seem to care much about the architecture itself.
  • With the popularity of React and component-based architecture , we saw the rise of unidirectional architectures for managing application state.
  • Our current discussion of front-end vs back-end architecture only came about in late 2010.
  • Through the five-year process, front-end architecture evolved into what it is today.

More and more front-end developers are adopting unidirectional architectures. So what’s the future for the classic Model-View-Controller (MVC) approach? In order to understand how we got to this…
Continue reading “Is Model-View-Controller dead on the front end? – Free Code Camp”

Do you feel a bit unsure about the latest technical jargon? Here is the answer.

#reactjs #WebRTC #Dotnet Unsure about the latest #tech #jargon? Here is a brief answer

  • Strikersoft has also used React Native , which lets developers use JavaScript to build mobile apps that use the same fundamental UI building blocks as standard iOS and Android apps.
  • WebRTC is a set of APIs used to add high-quality, real-time voice, video, messaging and P2P file transfer to mobile applications and web solutions.
  • Native applications have the best opportunities to access phone hardware and to create the best possible user experience in for instance eHealth applications used by doctors.
  • Databases are software that allow applications to store data in a structured way, making them easy to retrieve when needed.
  • Strikersoft has used WebRTC in several projects to add real-time communication capabilities to both mobile applications and web solutions.

React (sometimes called React.js) is an open source JavaScript library for building user interfaces that was originally created by Facebook. It was first used in Facebook’s newsfeed in 2011, and was open-sourced in 2013. Facebook built React to make it easier to build large applications in which data change over time.
Continue reading “Do you feel a bit unsure about the latest technical jargon? Here is the answer.”

Is Model-View-Controller dead on the front end?

Is Model-View-Controller dead on the front end?:  by  @alexnmoldovan #reactjs #JavaScript

  • Similar to the Controller, the Model is breaking the Single Responsibility Principle, because you don’t have a separate way of managing UI State and Application State .
  • Developers didn’t seem to care much about the architecture itself.
  • With the popularity of React and component-based architecture , we saw the rise of unidirectional architectures for managing application state.
  • Our current discussion of front-end vs back-end architecture only came about in late 2010.
  • Through the five-year process, front-end architecture evolved into what it is today.

More and more front-end developers are adopting unidirectional architectures. So what’s the future for the classic Model-View-Controller…
Continue reading “Is Model-View-Controller dead on the front end?”

Eve Porcello: Going so deeply into React, Flux, and Redux has only made me more excited — Reactive Conf

.@eveporcello: Going so deeply into #ReactJS, Flux, and Redux has only made me more excited

  • Most of my time is spent teaching JavaScript or figuring out ways to make training classes better for engineers at all levels.
  • Bringing world class #ReactJS pros to Bratislava, Slovakia to let them share unique insights.
  • A day in a training class has a wide range of outcomes for students and instructors.
  • We’re switching gears back into app development, designing applications that make going to training classes more fun and engaging.
  • Many companies have found success hiring newer programmers from varied backgrounds and investing heavily in their training.

Read the full article, click here.


@ReactiveConf: “.@eveporcello: Going so deeply into #ReactJS, Flux, and Redux has only made me more excited”


ReactiveConf is bringing you an interview with one of our speakers, Eve Porcello.


Eve Porcello: Going so deeply into React, Flux, and Redux has only made me more excited — Reactive Conf

Eve Porcello: Going so deeply into React, Flux, and Redux has only made me more excited — Medium

.@eveporcello: Going so deeply into #ReactJS, Flux & Redux has only made me more excited

  • Most of my time is spent teaching JavaScript or figuring out ways to make training classes better for engineers at all levels.
  • A day in a training class has a wide range of outcomes for students and instructors.
  • Bringing world class #ReactJS pros to Bratislava, Slovakia to let them share unique insights.
  • Many companies have found success hiring newer programmers from varied backgrounds and investing heavily in their training.
  • I’m a software engineer, author, and trainer with Moon Highway.

Read the full article, click here.


@ReactiveConf: “.@eveporcello: Going so deeply into #ReactJS, Flux & Redux has only made me more excited”


ReactiveConf is bringing you an interview with one of our speakers, Eve Porcello.


Eve Porcello: Going so deeply into React, Flux, and Redux has only made me more excited — Medium