Learn modern JavaScript from 7 expert authors – EdgeCoders

  • Learn modern JavaScript from 7 expert authors40 hours of video, 1000+ pages of guidance, 7 authors, the best ways to build modern JavaScript apps is hard.
  • Whether it’s web or native, it doesn’t matter.
  • What’s Redux again?Where do you even begin?If you’re like most, you start at a random spot that piques your interest.
  • Then you read a bunch of random blogs and Stack Overflow answers and Readme files on GitHub and voilĂĄ, 10 years later, you’re a pro.😅That’s why this holiday season I got together with 6 other expert JavaScript authors and designed a coherent learning journey.
  • Self-paced learning from 7 expert authors who will answer your email if you have a question.You start with the basics of modern JavaScript, continue with React and Redux, learn all about the modern build tools, follow it up with native apps, build some shiny examples that would make your mom…

Learning the best ways to build modern JavaScript apps is hard. Whether it’s web or native, it doesn’t matter. There’s just so much you have to learn. ES6, ES6+, 2016/2017. Why do people say…
Continue reading “Learn modern JavaScript from 7 expert authors – EdgeCoders”

React Router v4 – David Kerr – Medium

React Router v4  #javascript #react #reactrouter #reactjs

  • npm install react-router react-router-dom — savePopular patterns for prior versions of React Router have a routes.js file to centrally managing the routing depending on the path, but in my opinion, this is no longer necessary.
  • In my root React component, which I am calling App.js, I can select which specific components to display depending on the path.import React, { Component } from ‘react’;import { BrowserRouter as Router, Route } from ‘react-router-dom’;import Header from “.
  • /components/Footer”;class App extends Component { constructor() { super(); this.state = { stuff: stuff; }; }render() { let { stuff } = this.state; return ( Router //wrapper for your router, given alias from BrowserRouter div className=”App” Header / //this component will always be visible because it is outside of a specific Route Route exact path=”/” component={Home}/ //at the root path, show this component Route path=”/dashboard” component={()=Dashboard stuff={stuff} /}/ //at the path ‘/dashboard’, show this other component Footer / //this is also permanently mounted /div /Router ); }}export default App;There are two ways to link components to routes.
  • To do this, you need to use the alternative syntax to link a component to a given route.Route path=”/dashboard” component={()=Dashboard stuff={stuff} /}/As someone who prefers to manage state as close as possible to the root React component, I prefer the second approach.
  • Depending on your specific use case, you might find one more practical than the another.The final basic react-router feature I will point out is the Link method.import { Link } from ‘react-router-dom’;…Link to=”/home”Home/LinkThis replaces a href=””/a whenever you want to navigate within your application.React Router is as complex or as simple as you want to make it.

As with any new technology, resources and documentation online lack for using the new version of React Router. The goal of this article is to show and explain a basic implementation of React Router…
Continue reading “React Router v4 – David Kerr – Medium”

Quickly start a new React application using nwb. — Medium

Quickly start a new #ReactJS application using nwb:

  • Run `npm run build`.
  • Quickly start a new React application using nwb .
  • No webpack, Karma, and Babel stuff – these are all managed by nwb.
  • But these days I tend to use nwb .
  • nwb itself has a lot of tests to make sure that all these stuff work together in a coherent way.

Read the full article, click here.


@ReactiveConf: “Quickly start a new #ReactJS application using nwb:”


Having written several React-based applications, it feels nowadays quite boring whenever I want to start a new React-based project. I need…


Quickly start a new React application using nwb. — Medium

Learn React.js in a weekend!

  • 4. Building React Applications with Idiomatic Redux (2 hours)
  • 1. Learn React.js with React for beginners (5 hours)
  • You’ll have fun building a single page web app and definitely get your introduction to React.
  • 3. Getting Started With Redux (2 hours)
  • Start with a nice easy introduction to the framework with Wes Bos’ React for Beginners !

Read the full article, click here.


@wesbos: “Nice post by @jkup — Learn React.js in a weekend! (kinda)”


Ok, so you probably can’t really learn React.js in a single weekend but these are the resources I recommend if you want to try!


Learn React.js in a weekend!