Supercharge Your React Native Development With React-Native-Debugger

  • Supercharge Your React Native Development With React-Native-DebuggerReact Native Debugger App IconThere will always be bugs — we will never run out of them.
  • There is struggle and get frustated debugging, and then there is chilling debugging where there is a tool to help you save time and effort.As the wise Edsger Dijkstra once saidIf debugging is the process of removing software bugs, then programming must be the process of putting them in.What is React…
  • It combines 3 very important debugging tools to make your development life cycle awesome.Screenshot of React Native Debugger zero stateReact Developer Tools lets you inspect the React component hierarchy, including component props and state.
  • It gives you the ability to inspect/change elements in your react native app just like you would in your web browser for webpagesRedux DevTools lets you inspect every state and action payload change.
  • When you print to the console with console.log in your code or use the debugger statement, you can see them in your Chrome devtools.React Native Debugger brings all these tools together and makes your development life a whole lot easier, trust me.

There will always be bugs — we will never run out of them. There is struggle and get frustated debugging, and then there is chilling debugging where there is a tool to help you save time and effort…
Continue reading “Supercharge Your React Native Development With React-Native-Debugger”

The secret to being a top developer is building things! Here’s a list of fun apps to build!

  • Here’s a list of fun apps to build!You can only become a great developer by putting the effort in.
  • Keep it conflict free, use whatever you want!Project #1: Trello CloneTrello clone by Indrek Lasn — Demo LinkWhat you will learn from building a trello clone:RoutingDrag and dropCreating new objects (boards, lists, cards)Handling inputs and validationClient side path: How to use local storage, saving data to the local storage, reading data from the local…
  • What you will learn:Creating users, managing users,Interacting with a database — creating, reading, editing, deleting users.Input validation and how to work with formsProject #3: Cryptocurrency tracker (native mobile app)Github repositoryHAS to be a native app — Swift, Objective-C, React Native, Java, Kotlin allowed.
  • 😊What you will learn:How native apps work.Fetching data from an API.How native layouts work.How to work with mobile simulators.Use this API.
  • Post in comments if you find a better one.In case you’re interested in how this was built, I wrote a tutorial for it.Project #4: Setup your very own webpack config from scratchWell, technically this is not an app but it’s still extremely useful to understand how webpack works under the hood….

You can only become a great developer by putting the effort in. Imagine for a moment — You can’t become fit physically by reading a lot about fitness. You actually need to go to the gym and put the…
Continue reading “The secret to being a top developer is building things! Here’s a list of fun apps to build!”

DOTD Oct 23: Half off React in Motion! Use code dotd102317tw at #react #reactjs

DOTD Oct 23: Half off React in Motion! Use code dotd102317tw at  #react #reactjs

  • React skills are in high-demand, so there’s no better time to get started with React in Motion!
  • As you work through the crystal-clear tutorials from experienced React developer Zac Braddy, you’ll learn the ins and outs of React development, essential techniques for working with reactive applications, and handy code reuse tricks that will save you time and effort!
  • Use this same code to get half off React in Action and Redux in Action

New liveVideo MEAP! React skills are in high-demand, so there’s no better time to get started with React in Motion! As you work through the crystal-clear tutorials from experienced React developer Zac Braddy, you’ll learn the ins and outs of React development, essential techniques for working with reactive applications, and handy code reuse tricks that will save you time and effort!
Continue reading “DOTD Oct 23: Half off React in Motion! Use code dotd102317tw at #react #reactjs”