Gift of Code Sale! With up to 93% off! Learn to code this holiday season!

#ReactJS #ReactNative #GraphQL Newsletter Issue 66

  • This week we improve our React performance, check out talks from GraphQL Summit, use React Native on iPhone X,  take a look at the best Black Friday developer tutorials at the lowest prices and much more!
  • A review of common React performance pitfalls and how to avoid them – – 30 talks with new tech, production stories, and GraphQL advice – – Our Experience with Creating Reusable Functional Components with React, Redux, and Redux-Loop.
  • Learn to Use Visual Studio App Center to Automatically Build and Distribute Your React Native App – – “What do you know about Dependency Injection?”
  • That’s it for the newest edition of the best ReactJS, React Native & GraphQL Newsletter!
  • Like & follow for all the news about ReactJS, React Native & GraphQL!

Black Friday! 
This week we improve our React performance, check out talks from GraphQL Summit, use React Native on iPhone X,  take a look at the best Black Friday developer tutorials at the lowest prices and much more!
Continue reading “Gift of Code Sale! With up to 93% off! Learn to code this holiday season!”

How to make Jenkins build NodeJS, Ruby, and Maven on Docker

How To Make Jenkins Build #NodeJS, #Ruby, And #Maven On #Docker  #reactjs #devops

  • Jenkins can speed up repetitive tasks that robots are much better performing and Docker simplifies spinning up VM’s for your application in a very simple and repeatable way.
  • What I’m going to cover here is how to setup your Jenkins server in a Docker container and how to fix some of the limits of the Jenkins official image.
  • While it is nice of Jenkins to offer an official docker image, you’ll quickly run into a few issues if you are doing anything even slightly other than compiling plain Java.
  • For instance, Maven, the popular dependency management tool for Java, is not included in the Docker container.
  • You’ve learned to create a Jenkins Docker-container that’s ready to run jobs for Java, Ruby and NodeJS projects.

Setup your Jenkins server in a Docker container and fix some of the limits of the official image I discovered so you can get up and building faster.
Continue reading “How to make Jenkins build NodeJS, Ruby, and Maven on Docker”

A Solution To The React className Controversy – Burke Knows Words

  • People can be so cruel.Another one of these very difficult and sensitive topics is the use of className instead of class in React.Introducing Simple React Snippets: class to classNameNearly everyone has heard of the world famous Simple React Snippets for VS Code.
  • The set of React Snippets that is so good, Ryan Florence once said…And now, Simple React Snippets is even better because it has solved one of the most contentious, difficult and time consuming tasks in React.
  • We don’t go to bed when it gets dark because we have ELECTRICITY, and we don’t have to use Find and Replace to change class to className because Simple React Snippets will now do it for you.How It worksSimple React Snippets uses a very complicated and advanced algorithm to find any…
  • This will bring up the “React: class to ClassName” command.
  • It feels kind of like I’m inviting myself into your house.In any event, I’ll continue to work on that portion and once I’ve ironed out the edge cases, this generation might be the last to know the pains of having to change class to className.What a time to be alive!Grab…

The tech community is no stranger to controversy. Just the other week I was faced with an extremely awkward and difficult situation when someone I thought was a close friend (who I won’t name…
Continue reading “A Solution To The React className Controversy – Burke Knows Words”

ReactJS, React Native & GraphQL Newsletter: 66

#ReactJS #ReactNative #GraphQL Newsletter Issue 66

  • This week we improve our React performance, check out talks from GraphQL Summit, use React Native on iPhone X,  take a look at the best Black Friday developer tutorials at the lowest prices and much more!
  • A review of common React performance pitfalls and how to avoid them – – 30 talks with new tech, production stories, and GraphQL advice – – Our Experience with Creating Reusable Functional Components with React, Redux, and Redux-Loop.
  • Learn to Use Visual Studio App Center to Automatically Build and Distribute Your React Native App – – “What do you know about Dependency Injection?”
  • That’s it for the newest edition of the best ReactJS, React Native & GraphQL Newsletter!
  • Like & follow for all the news about ReactJS, React Native & GraphQL!

Black Friday! 
This week we improve our React performance, check out talks from GraphQL Summit, use React Native on iPhone X,  take a look at the best Black Friday developer tutorials at the lowest prices and much more!
Continue reading “ReactJS, React Native & GraphQL Newsletter: 66”

Clean Code vs. Dirty Code: React Best Practices

Clean code vs. dirty code: React best practices  #ReactJS

  • This article will focus on clean code practices as they apply to modern React software development.
  • Many React developers rely on Jest for a zero-configuration test runner and to produce code coverage reports.
  • And don’t discount the “rewrite factor” and time spent fixing comments from code reviews.
  • The advantage of letting React set your prop defaults, however, is that it produces more efficient code, defaults props in a based lifecycle component, as well as allows your default values to be checked against .
  • For example, the following component is ripe for converting to an SFC. – – The clean version clears a lot of the screen clutter of the dirty version.

Clean code is a consistent style of programming that makes your code easier to write, read, and maintain. Discover how to make your React code cleaner using easy-to-follow examples.
Continue reading “Clean Code vs. Dirty Code: React Best Practices”

Clean Code vs. Dirty Code: React Best Practices

Clean #Code vs. Dirty Code: #ReactJS Best Practices:  by @donavon #JavaScript

  • This article will focus on clean code practices as they apply to modern React software development.
  • Many React developers rely on Jest for a zero-configuration test runner and to produce code coverage reports.
  • And don’t discount the “rewrite factor” and time spent fixing comments from code reviews.
  • The advantage of letting React set your prop defaults, however, is that it produces more efficient code, defaults props in a based lifecycle component, as well as allows your default values to be checked against .
  • For example, the following component is ripe for converting to an SFC. – – The clean version clears a lot of the screen clutter of the dirty version.

Clean code is a consistent style of programming that makes your code easier to write, read, and maintain. Discover how to make your React code cleaner using easy-to-follow examples.
Continue reading “Clean Code vs. Dirty Code: React Best Practices”

I interviewed @nemshilov about A+ Forms, his new form solution for #reactjs

  • Engineers think of forms as a bucket of input fields that spits out a blob of data which we then retrieve and send to the server.
  • I built A+ forms for the same reason, so my engineers and I don’t have to solve this problem over and over again and can focus on making what we want to develop.
  • Here are the next extensions that I’m planning to build: – – A+ forms have a bunch of standard fields out of the box, but they’re not tied to any particular UI component implementation.
  • Form management in native mobile apps is alien to us web developers.
  • If we re-implement those fields in React Native components, then engineers could have the same developer experience between web and native apps.

If you think about it, a lot of web development has something to do with forms. Every time you capture information, you most likely require a form. It’s one of the basic skills for a front-end developer.
Continue reading “I interviewed @nemshilov about A+ Forms, his new form solution for #reactjs”