Top 10 dev articles over the past week – CloudBoost

  • This article, written by Ryan Chartand, is for people who have been completely busy throughout 2017 but now is curious about trends in JavaScript.600 Free Online Programming Computer Science Courses You Can Start in January.
  • The article, written by Dhawal Shah, is a list of 600 programming courses that you’ll definitely find useful.Free Resources For Developers.
  • Amazing story, written by Kristóf Litavecz, that will tell you how a few lines of code can simplify your life.An open letter to less experienced developers.
  • Nevertheless, some articles like this can help you improve your code quality and prevent common bugs.
  • The article, written by Mybridge, presents a list of the most amazing open source React.js projects of 2017.

As always, we’ve found for you the most captivating development-related articles that have been trending for the past week. So make yourself tea, sit back and enjoy. Hope you’ve enjoyed this list…
Continue reading “Top 10 dev articles over the past week – CloudBoost”

Top 10 dev articles over the past week – CloudBoost

  • This article, written by Ryan Chartand, is for people who have been completely busy throughout 2017 but now is curious about trends in JavaScript.600 Free Online Programming Computer Science Courses You Can Start in January.
  • The article, written by Dhawal Shah, is a list of 600 programming courses that you’ll definitely find useful.Free Resources For Developers.
  • Amazing story, written by Kristóf Litavecz, that will tell you how a few lines of code can simplify your life.An open letter to less experienced developers.
  • Nevertheless, some articles like this can help you improve your code quality and prevent common bugs.
  • The article, written by Mybridge, presents a list of the most amazing open source React.js projects of 2017.

As always, we’ve found for you the most captivating development-related articles that have been trending for the past week. So make yourself tea, sit back and enjoy. Hope you’ve enjoyed this list…
Continue reading “Top 10 dev articles over the past week – CloudBoost”

Slaying a UI Antipattern in React – JavaScript Inside – Medium

  • Setting the items to null instead of an empty array creates even more problems so that won’t help either.Stefan Oestreicher, Slaying a UI Antipattern in FantasylandSo we have to manually keep track of the current data status, making sure we don’t forget to set the correct loading, error and data…
  • Forgetting to keep the state in sync leads to a false representation in the UI.In Slaying a UI Antipattern in Fantasyland we are represented with a different way to think about the problem:type RemoteData e a = NotAsked | Loading | Failure e | Success aWe might have different states…
  • By modelling all possible states, we can resort to using daggy f.e., which enables us to handle the possible outcomes.const RemoteData = daggy.taggedSum({ NotAsked: [], Loading: [], Failure: [‘error’], Success: [‘items’],})// in our constructorthis.state = { items: RemoteData.NotAsked }(* Taken from Slaying a UI Antipattern in Fantasyland)By now we should…
  • Loader /What if we could take all these ideas and wrap them inside a React component, which takes care of all of this, without having to manually take care of the low level stuff.Michael Jackson wrote about the render-props concept in his Use a Render Prop!
  • Now we don’t have to think about if the UI is representing the proper state, all we need to do is tell Loader / what we want to see if the component is loading, has an error and has any data.Now that we have an idea of how Loader should…

The following write-up is based on Stefan Oestreichers blog post Slaying a UI Antipattern in Fantasyland which was originally influenced by Kris Jenkins excellent how Elm slays a UI antipattern. Just…
Continue reading “Slaying a UI Antipattern in React – JavaScript Inside – Medium”

New & Upcoming Course Highlights: Introduction to Core Data & React Native

Read more about our new #ReactNative and #CoreData courses here:  #learntocode

  • Here’s a short list of what we’ve added recently, upcoming course highlights, and our weekly video update of What’s New at Treehouse.
  • React Native is a great option for creating performant iOS and Android applications that feel at home on their respective platforms, all while building on any previous web development experience.
  • In this course we will be building the ultimate superhero app.
  • By the end of this course you should have the confidence to build upon the app that we started and take it to the next level.
  • Saving data on your device is a fundamental part of building apps and in this course we’re going to learn how to use the Core Data framework to persist data between launches by building a simple to-do list app.

Every week, new courses and workshops are published to the growing Treehouse Library! Here’s a short list of what we’ve added recently, upcoming course highlights, and our weekly video update of What’s New at Treehouse.
Continue reading “New & Upcoming Course Highlights: Introduction to Core Data & React Native”

Dow Jones Chartbuilder

Case Study - Dow Jones App Store Platform  #api #apidevelopment #reactjs #javascript #docker

  • The application platform and the first app were launched by ILM after six months.
  • Dow Jones internal developers quickly adapted to the new platform thanks to its efficient design.
  • ILM was praised regarding the platforms novel approach to managing application versions and dependencies.
  • For the chart building application, ILM developers provided design direction and decided on the app architecture.
  • The app received positive reviews and it was used as an example project for developers who were developing an app for the new hosting platform.

Founded in 1882, Dow Jones is a publishing and financial information company, famously known for its publication of the Dow Jones Industrial Average. In addition, Dow Jones publishes and produces newspapers, websites, apps, magazines, conferences and more.
Continue reading “Dow Jones Chartbuilder”

Workshops – Jazoon Techdays

Last chance to buy a ticket for our fantastic workshops: . #angular #reactjs #rxjs @redux

  • The topics of the workshops at Jazoon Spring 2017 will be Angular  and RxJS.
  • Angular  is a revolutionary development platform for creating applications using modern web standards and powered by the Open Source Community following the success of AngularJS.
  • RxJS or Reactive Extensions for JavaScript is a library for transforming, composing, and querying streams of data.
  • It’s become popular by it’s usage in Angular 2 and React.

Because we want you to have the best learning experience we decided to offer full day workshops on Thursday 27. April, the day before the conference. All of our workshop organizers are experts in their field – some of them are even authors of the frameworks they present.
Continue reading “Workshops – Jazoon Techdays”

Meteor 1.5 ❤ React Loadable – Meteor Blog

  • Meteor 1.5 ❤ React LoadableSpoiler: it just worksIf you keep up with the latest JavaScript news, you might have seen this article by james kyle about his React Loadable project, which establishes a new pattern for using dynamic import(…) to fetch React components and display loading indicators while they load.I especially love this graphic illustrating the difference between a)using dynamic import(…) at the routing level and b) using it at the component level:Route-based (left/red) vs. component-based (right/green) dynamic module loadingTesting react-loadable with Meteor 1.5I was naturally curious if react-loadable would work in Meteor 1.5-beta.10, since Meteor should be able to take full advantage of these finer-grained module groupings.
  • meteor directory from a fresh Meteor 1.5 app: the example code to have a typical Meteor application structure (client and imports directories, static-html-style HTML, etc.): rid of unnecessary Babel/Webpack dependencies and configuration files (my favorite commit): these changes were only necessary because I was starting from an existing Webpack/Babel-based app.
  • If you already have a Meteor app, or you’re starting one from scratch, you would just meteor npm install –save react-loadable, and start writing code using the Loadable component, in which case none of these changes would be necessary.The react-loadable-example app uses yarn instead of npm, which works perfectly well with Meteor, though we recommend using meteor yarn to guarantee the correct version of Node.
  • If you’re not already using meteor yarn, just meteor npm install –global yarn to make it work.Try it out yourself!If you want to try out the example app yourself, just follow these steps from the README.md file:git clone react-loadable-examplemeteor npm install –global yarn # if necessarymeteor yarnmeteor runOpen up localhost:3000 in your browser, and behold the “Loaded!”
  • You wouldn’t be able to see the “Loading…” indicator at all, if this 400ms delay was not included for demonstration purposes.As excited as I am that react-loadable works in Meteor 1.5, your experience may differ from mine, so I encourage everyone to play with this example app, or try out react-loadable in your own React-based apps.

If you keep up with the latest JavaScript news, you might have seen this article by james kyle about his React Loadable project, which establishes a new pattern for using dynamic import(…) to fetch…
Continue reading “Meteor 1.5 ❤ React Loadable – Meteor Blog”