Latest Tutorials

Learn about the latest technologies from fellow newline community members!

  • React
  • Angular
  • Vue
  • Svelte
  • NextJS
  • Redux
  • Apollo
  • Storybook
  • D3
  • Testing Library
  • JavaScript
  • TypeScript
  • Node.js
  • Deno
  • Rust
  • Python
  • GraphQL
  • React
  • Angular
  • Vue
  • Svelte
  • NextJS
  • Redux
  • Apollo
  • Storybook
  • D3
  • Testing Library
  • JavaScript
  • TypeScript
  • Node.js
  • Deno
  • Rust
  • Python
  • GraphQL

Annotating React Styled Components with TypeScript

Styled components redefine how we apply CSS styles to React components. Unlike the traditional approach of manually assigning CSS classes (from an imported CSS file) to elements within a component, CSS-in-JS libraries like styled-components provide primitives for locally scoping CSS styles to a…
Thumbnail Image of Tutorial Annotating React Styled Components with TypeScript

    Continuous Integration with GitHub Actions

    Efficient developers implement CI/CD pipelines to automate all sorts of tasks: Cloud-based CI/CD services, such as Travis CI and CircleCI, simplify the complex process of automating builds, testing and deployments. Developers define the build environment (e.g., programming language, type and…
    Thumbnail Image of Tutorial Continuous Integration with GitHub Actions

    I got a job offer, thanks in a big part to your teaching. They sent a test as part of the interview process, and this was a huge help to implement my own Node server.

    This has been a really good investment!

    Advance your career with newline Pro.

    Only $40 per month for unlimited access to over 60+ books, guides and courses!

    Learn More

      Design Systems for React Applications with Ant Design

      Material Design by Google. Fluent UI by Microsoft. These design systems enforce design patterns and rules that bring brand consistency to their companies' many products. When different products draw upon the same design system, they are bound to the same set of design principles and feel connected.…
      Thumbnail Image of Tutorial Design Systems for React Applications with Ant Design

      Cypress Studio - the underrated feature speeding up e2e testing

      Testing is basically a requirement for modern software today, not a nice-to-have. In the past, end-to-end testing was hard to set up, flaky, and generally a pain to deal with, but it's the best automated testing option to confirm software works. Cypress.io continues to improve the e2e testing experience and its new feature Cypress Studio takes it a step further to make writing tests quicker and easier too.
      Thumbnail Image of Tutorial Cypress Studio - the underrated  feature speeding up e2e testing