react-developer-roadmap VS nightwatch

Navigate your React journey like a pro with this comprehensive developer roadmap - a must for every React enthusiast.

I would suggest you start with a beginner friendly like Python to learn the basic with how it works and once you’re confortable doing if, else, loops, functions, classes then you could see what kind of things you what do develop so you’ll learn a specific language or set of languages with a roadmap (look for " roadmap github", an exemple would be this: https://github.com/adam-golab/react-developer-roadmap), and follow the roadmap with google search, YouTube tutorials, Udemy classes, etc

Discovered the concept of "developer roadmaps" on Github. Two good resources are the frontend roadmap(https://github.com/kamranahmedse/developer-roadmap) and this react roadmap(https://github.com/adam-golab/react-developer-roadmap).

So, my personal advice to learn react.js is to not stick to any one course or tutorial. The best way to learn react.js is to explore blogs which is written by developers but for that you need to get an index or kind of roadmap of react.js

There are many topics to learn in react further than some components and a couple hooks. For example, state management, styling, testing, webpack, even React Native if you want to get into mobile apps development. Here's a link to the most complete react roadmap I've seen, I think it can be very helpful for you to know what's next in your learning stack

React Developer Roadmap Roadmap to becoming a React developer

If you think the roadmap can be improved, please do open a PR with any updates and submit any issues on the original git repo, Adam Golab’s React-developer-roadmap.

Nightwatch which will prompt to create a boilerplate framework specifically for Mobile / TV apps.

6.NightwatchJS: NightwatchJS is a Node.js-based end-to-end testing framework. Key Features: Simplifies writing test scripts using a simple syntax. Supports parallel test execution. Integrates with Selenium WebDriver for cross-browser testing

NightWatchJS

I have shown you the examples of using selectors in the Google Chrome dev tools, but the idea is similar when you write your automation scripts. I will use the Nightwatch testing framework to write the following snippets which will navigate to some webpage, wait to ensure that an interactive element has appeared in the DOM, and finally click on it. If you want to learn using Javascript with Nightwatch framework for your automated tests, you can start with our guide to this.

The reason for this behavior is thoroughly explained in Understanding the Command Queue Nightwatch.js GitHub wiki (it is a long read but it’s worth it). In this section, we will not look in such detail, this is going to be a summary of sorts. By the way, this command queue example can be found in Loadero’s public GitHub examples repository here.

Nightwatch.js is a popular open-source, Selenium JavaScript-based test automation framework for automating browser-based web applications and websites. It is written in Node.js runtime and uses the W3C WebDriver API (formerly Selenium WebDriver) for interacting with various browsers to perform commands and assertions on DOM elements.

For Firefox-specific options (like command-line args and browser about:config prefs), the property to use is moz:firefoxOptions. That is shipping in the latest default nightwatch.conf.js file, as is the parallel goog:chromeOptions for chromedriver. But if you've got a legacy configuration file—like I did—you'll want to update the old chromeOptions property, too.

Github Discussions