React Quickly is in print now! @azat_co #react #reactjs

React Quickly is in print now!  @azat_co #react #reactjs

  • The React.js JavaScript library supercharges view-heavy web applications by improving data flow between UI components.
  • React Quickly is the tutorial for web developers who want to get started fast with React.js.
  • Following carefully chosen and clearly explained examples, you’ll learn React development using your existing JavaScript and web dev skills.
  • This book is for developers comfortable building web applications with JavaScript.
  • Azat Mardan is a Tech Fellow at Capital One with extensive experience using and teaching JavaScript and Node, and author of several books on JavaScript, Node, React, and Express.

React Quickly is for anyone who wants to learn React.js fast. This hands-on book teaches you the concepts you need with lots of examples, tutorials, and a large main project that gets built throughout the book.
Continue reading “React Quickly is in print now! @azat_co #react #reactjs”

React Quickly – hit the ground running with #reactjs @azat_co #redux #react

React Quickly - hit the ground running with #reactjs  @azat_co #redux #react

  • The React.js JavaScript library supercharges view-heavy web applications by improving data flow between UI components.
  • React Quickly is the tutorial for web developers who want to get started fast with React.js.
  • Following carefully chosen and clearly explained examples, you’ll learn React development using your existing JavaScript and web dev skills.
  • This book is for developers comfortable building web applications with JavaScript.
  • Azat Mardan is a Tech Fellow at Capital One with extensive experience using and teaching JavaScript and Node, and author of several books on JavaScript, Node, React, and Express.

React Quickly is for anyone who wants to learn React.js fast. This hands-on book teaches you the concepts you need with lots of examples, tutorials, and a large main project that gets built throughout the book.
Continue reading “React Quickly – hit the ground running with #reactjs @azat_co #redux #react”

Jest and the Component Driven Development (CDD) – Comunidad JS – Medium

#Jest and the Component Driven Development (CDD):  #ReactJS #JavaScript

  • Jest and the Component Driven Development (CDD)Testing React and React Native applications.We all knows about TDD right ?
  • I recently discovered other flow/flavor around React Components and Jest snapshot testing that makes me more happy and encourage me to write more tests.This approach makes the dev process a bit more fun that the other way around.
  • Then, when you´re confortable with your component code base and you have applied all the good practices out there, write the actual test, passing the required props to the component being tested and expect it to match the snapshot.Snapshot testingSnapshot tests are a very useful tool whenever you want to make sure your UI does not change unexpectedly.The above statement, is from the Jest documentation, and it´s 100% true.
  • I’ve found snapshot testing to be a quick and fun way to test Components and make sure your UI does not change unexpectedly, which is a good thing.The test will fail if the two images do not match: either the change is unexpected, or the screenshot needs to be updated to the new version of the UI component.That means we are not passing the expected props to our component in some parts of our application or we have adjusted the component (because we´ve refactored it).
  • So either one or the other possibility, we need to update the test snapshot (If we´ve refactored it) executing in the terminal yarn test -u or go and fix the part in the application where we´re not using the component as we expect.Having a test coverage between 80 and 100% make us more confidents when we need to deploy to any environment and allows applications to be more robust and easy to scale.In closing, I really encourage React developers to use Jest for testing applications.

We all knows about TDD right ? Test Driven Development.
The philosophy behind it, is to start the development cycle with first writing a failing test and then writing the actual function, to make it…
Continue reading “Jest and the Component Driven Development (CDD) – Comunidad JS – Medium”