Skip to content
Learn tech systems

Learn tech systems

  • JS Education
  • Youtube
  • Twitter
  • Github
  • Linkedin
  • My resume
  • Search
React className with ternary operator
Category CssPosted on March 25, 2020July 8, 2020

React className with ternary operator

Hi, here and example of how use a ternary condition to insert a CSS class in a component.  …
Read more "React className with ternary operator"
React todo list
Category ReactPosted on March 24, 2020July 8, 2020

React todo list

Hi, here you go the code to create a todo list in react, I hope this will be very helpful for you. …
Read more "React todo list"
React toggle class
Category CssPosted on March 24, 2020July 8, 2020

React toggle class

Hi, if we want to open, close or show, not show some DOM element we can do this with a react local state, one handle method, a ternary condition and finally the CSS clas…
Read more "React toggle class"
Part 4 Testing React Applications – Unit test example
Category TestingPosted on March 23, 2020July 8, 2020

Part 4 Testing React Applications – Unit test example

Hi, so the first thing that we need to start is creating one test suite and one test case. So, we are going to use Behavior Driven Development (BDD  is a branch …
Read more "Part 4 Testing React Applications – Unit test example"
Part 3 Testing React Applications – Enzyme installation
Category ReactPosted on March 23, 2020July 8, 2020

Part 3 Testing React Applications – Enzyme installation

Hi, the next step is install enzyme into our project so we need to run this command in the terminal: npm i --save-dev enzyme enzyme-adapter-react-16 …
Read more "Part 3 Testing React Applications – Enzyme installation"
Part 2 Testing React Applications – Enzyme Shallow and Full rendering
Category ReactPosted on March 23, 2020July 8, 2020

Part 2 Testing React Applications – Enzyme Shallow and Full rendering

Hi, we need to open our project "todos" in the code editor and go to todo/src/components/ and create the file called todo.test.js we are going to create the unit test co…
Read more "Part 2 Testing React Applications – Enzyme Shallow and Full rendering"
Part 1 Testing React Applications – Environment
Category ReactPosted on March 20, 2020July 8, 2020

Part 1 Testing React Applications – Environment

Hi, the first thing that we need is prepare our environment for test react applications.  So we need to install Node.JS, so go to https://nodejs.org/en/ en downl…
Read more "Part 1 Testing React Applications – Environment"
Creating buttons with Vanilla JS
Category CssPosted on March 20, 2020July 8, 2020

Creating buttons with Vanilla JS

Using Javascript language; create an input that receive only numbers and depends of the number that the user insert then create a button(s) element in the page. …
Read more "Creating buttons with Vanilla JS"

Posts navigation

Previous Page 1 … Page 23 Page 24

Recent Posts

What is a Github workflow?
Category gitPosted on March 24, 2023March 24, 2023

What is a Github workflow?

Be a professional developer
Category Cross browsing testingPosted on February 17, 2023February 17, 2023

Be a professional developer

React validate if an item exist in array and set a message to the user
Category ReactPosted on August 26, 2022August 26, 2022

React validate if an item exist in array and set a message to the user

React delete item and update the DOM
Category JavascriptPosted on August 26, 2022August 26, 2022

React delete item and update the DOM

Categories

  • Algorithms (22)
  • Apache (1)
  • Apollo (2)
  • Array (1)
  • async (2)
  • Asynchronous (11)
  • await (1)
  • Browser (4)
  • Call stack (5)
  • Callback (2)
  • Cassandra (1)
  • Chrome (1)
  • Cloud computing (1)
  • Code (1)
  • Cross browsing (1)
  • Cross browsing testing (2)
  • Css (9)
  • Data (3)
  • data structure (1)
  • Database (7)
  • Developer (1)
  • DevOps (1)
  • DOM (9)
  • ES6 (36)
  • express (2)
  • Fetch (1)
  • Functional programming (4)
  • git (5)
  • Github (7)
  • GraphQL (22)
  • Hackerrank (3)
  • HTML (5)
  • Inheritance (2)
  • Interviews (1)
  • Javascript (150)
  • JSON (1)
  • JSX (2)
  • Memory heap (5)
  • MySQL (6)
  • nodejs (8)
  • NoSQL (1)
  • npm (1)
  • Object.prototype (1)
  • performance (4)
  • Promise (3)
  • prototype (2)
  • QA (1)
  • React (54)
  • React Fundamentals (24)
  • React hooks (21)
  • React Testing Library (9)
  • Redux (1)
  • Regression testing (3)
  • Server (1)
  • Software Engineer (2)
  • SQL (4)
  • Styles (2)
  • success (1)
  • Synchronous (7)
  • terminal (2)
  • Testing (19)
  • TypeScript (10)
  • Uncategorized (9)
  • Unit test (16)
  • Unit testing (16)
  • wep app (2)
  • Wordpress (2)
  • work (1)
Made with love by Cristina Rojas ©2020 All rights reserved